2017-08-17 59 views
0

根据this,导入语句应该被任何浏览器接受(实际上不是看到注释),但是当我尝试使用它时,chrome会产生关于错误标记和语法错误的信息。什么需要在javascript中使用导入指令

这是react申请。 我的HTML看起来像

<!DOCTYPE html> 
<html lang="en" ng-app="myApp" class="no-js"> <!--<![endif]--> 
<head> 
    <meta charset="UTF-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <title>CODETutorial Mean seed</title> 
    <script src="bower_components/jquery/dist/jquery.js"></script> 
    <script src="bower_components/react/react.js"></script> 
    <script src="bower_components/react-dom/dist/react-dom.js"></script> 
    <script src="bower_components/react-router-dom/index.js"></script> 
    <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css"> 
    <script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script> 
</head> 
<body> 
    <div id="root"> 
    <div id="navbar"></div> 
    </div> 
    <script src="dist/navbar.js"></script> 
</body> 
</html> 

和navbar.jsx进口和使用链接声明:

import { Link } from 'react-router-dom'; 

var NavLink = React.createClass({ 
    render: function(){ 
    return(
     <li className={(this.props.active ? "active" : "")}> 
     <Link to={this.props.linkTo}>{this.props.text}</Link> 
     </li> 
    ); 
    } 
}); 

... 

有什么不对的进口?

+1

其实,根据你的链接,'import'“只是开始在浏览器本身实现。如果您按照链接进行操作,您会发现它并没有得到很好的支持(例如,只有启用了实验性功能,Chrome才支持该功能)。 – Kryten

+0

是的,感谢您指出这一点。有没有'babel' comand来输入进口货物? – Juriy

回答