2017-11-26 1 views
0

私がやっていること:私はThree.JSを使って小さなJavaScriptプロジェクトを書いています。配列に対していくつかの高度な操作を行う必要があるので、私はlodashをインクルードしたいと思っていました。LodashまたはUncaught SyntaxErrorを引き起こすインポート:予期しないトークンのインポート

import _ from 'lodash';と書くときはいつも、Uncaught SyntaxError: Unexpected token importというエラーが表示されます。私はバベルを使用していますが、Webpackはないので、JavaScriptだけのプロジェクトです。

どうすれば修正できますか? 私のindex.htmlファイル:私はmain.jsに何かをインポートしようとした場合

<!DOCTYPE html> 
<html lang='en'> 

<head> 
    <link rel="stylesheet" type="text/css" href="css/stylesheet.css" /> 
    <script src='../libs/three.js'></script> 
    <script src='../libs/three.min.js'></script> 
    <script src='../libs/PointerLockControls.js'></script> 
    <script src="../libs/lodash.js"></script> 
</head> 

<body> 
<div id='container'></div> 
<div id="blocker"> 
    <div id="instructions"> 
     <strong>Click to look!</strong> 
    </div> 
</div> 
<script type="text/javascript" src="js/main.js"></script> 
</body> 

</html> 

package.json

{ 
    "dependencies": { 
    "babel": "^6.23.0", 
    "babel-cli": "^6.26.0" 
    }, 
    "devDependencies": { 
    "babel-plugin-lodash": "^3.3.2", 
    "babel-preset-env": "^1.6.1", 
    "babel-preset-es2015": "^6.24.1", 
    "babel-preset-stage-2": "^6.24.1", 
    "lodash": "^4.17.4" 
    } 
} 

同じエラーがスローされ

{ 
    "presets": ["es2015", "stage-2"] 
} 

.babelrc - でもlodashか別のファイルから自分自身の機能。あなたはlodashがpackage.jsonと../lib/lodash.jsにあることに気付くかもしれません。問題を解決しようとしました。糸で1度インストールして、手動でコードを手動でダウンロードしました。

答えて

1

AFAIKの場合、サーバのnode.jsスクリプトでのみimportを実行できます。しかしフロントエンドでは、以前のように(<script src="..."></script>)それらを組み込み、importステートメントなしで使用してください。

+0

@NestorYanchukに感謝します。だから、私が

関連する問題