私がやっていること:私は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度インストールして、手動でコードを手動でダウンロードしました。
@NestorYanchukに感謝します。だから、私が