根據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