javascript - Babel ES6 导入错误，SyntaxError : Unexpected token import

Question

我正在尝试设置一个基本的模块化程序，但我似乎遇到了导入模块的问题。我尝试导入我的自定义模块，但出现以下错误:

(function (exports, require, module, __filename, __dirname) { import testStep from 'testStep';
                                                          ^^^^^^
SyntaxError: Unexpected token import

导致问题的代码:

测试用例.js

import testStep from 'testStep';

testStep.hello();

测试步骤.js

var testStep = {
  hello: hello,
};

var hello = () => {
  console.log('hello world');
};

export default {testStep};

包.json

{
  "name": "rebuild-poc",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "babel-polyfill": "^6.23.0",
    "babel-preset-env": "^1.6.0"
  },
  "dependencies": {}
}

.babelrc

{
  "presets": [
    "env"
  ]
}

我已经尝试了其他几个修复方法，例如将 testStep 设置为一个类，以及使用 require('./testStep.js')，但是都没有那些似乎奏效了。

我的 babel 或我的某个文件中是否设置不正确？

***编辑:我正在使用 node testCase.js 运行 testCase.js。

Answer 1

请安装 babel-cli 并调用您的文件:./node_modules/.bin/babel-node testcase.js

它会失败。现在我们必须修复您的代码。

testStep.js 应该是这样的:

var hello = () => {
  console.log('hello world');
};

var testStep = {
  hello: hello,
};

export default testStep;

然后，它将起作用。 ;)

第一次介绍 https://babeljs.io/也就是说，你应该安装 babel-cli 和 babel-preset-env。 ;)

你也可以这样写你的testStep.js:

var testStep = {
  hello: hello,
};

function hello () {
  console.log('hello world');
};

export default testStep;

这会牢记提升。喜欢Jacob在他的第一点中说。