Babel.js Lodash或任何导致Uncaught SyntaxError的导入：意外的令牌导入

tv6aics1 于 9个月前发布在 Babel

关注(0)|答案(2)|浏览(116)

**我在做什么：**我正在使用Three.JS编写一个小型JavaScript项目。因为我需要对数组进行一些高级操作，所以我想包含lodash。
**什么是错误的：**每当我写import _ from 'lodash';我reveice错误说Uncaught SyntaxError: Unexpected token import.我使用babel但没有webpack，因为它真的很容易JavaScript唯一的项目.

如何修复它？我的index.html文件：

<!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"
  }
}

型
.babelrc