2017-08-17 35 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

回答

相關問題