根据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>
);
}
});
...
有什么不对的进口?
其实,根据你的链接,'import'“只是开始在浏览器本身实现。如果您按照链接进行操作,您会发现它并没有得到很好的支持(例如,只有启用了实验性功能,Chrome才支持该功能)。 – Kryten
是的,感谢您指出这一点。有没有'babel' comand来输入进口货物? – Juriy