Webstorm意外的令牌导出

我在Webstorm中有一个“意外的令牌导出”问题,尚未被其他StackOverflowpost解决。 基本上我正在尝试使用下面的package.json和bar.js代码的导入/导出模块function。 我正在使用Node.js 5x,Babel 6,并且我有一个File Watcher设置来实现Babel变换。

代码应该说明一切,我很感激关于如何解决它的任何想法。 再次,我已经尝试了其他的StackOverflowbuild议,在这一点上没有运气。

//bar.js 'use strict'; export class Bar{ constructor(){ this.tempish = 'allo'; } } //bar-compiled.js 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } var Bar = exports.Bar = function Bar() { _classCallCheck(this, Bar); this.tempish = 'allo'; }; //# sourceMappingURL=bar-compiled.js.map //index.js 'use strict'; import {Bar} from './bar' console.log('This is a test.'); //index-compiled.js 'use strict'; var _bar = require('./bar'); console.log('This is a test.'); //# sourceMappingURL=index-compiled.js.map //package.json { "name": "npt-test", "version": "1.0.0", "description": "", "main": "index-compiled.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "author": "", "license": "ISC", "dependencies": { "babel": "^6.3.26", "babel-cli": "^6.4.5", "babel-core": "^6.4.5", "babel-plugin-transform-decorators-legacy": "^1.3.4", "babel-preset-es2015": "^6.3.13", "babel-preset-stage-0": "^6.3.13" } } //.babelrc { "presets": ["es2015", "stage-0", "stage-1"], "plugins": ["babel-plugin-transform-decorators-legacy"] } //Error on debug, I am running against the index-compiled.js during debug C:\Program Files (x86)\JetBrains\WebStorm 11.0.3\bin\runnerw.exe" "C:\Program Files\nodejs\node.exe" --debug-brk=45287 --nolazy index-compiled.js Debugger listening on port 45287 [MYPROJECTDIR]\bar.js:3 export class Bar{ ^^^^^^ SyntaxError: Unexpected token export at exports.runInThisContext (vm.js:53:16) at Module._compile (module.js:373:25) at Object.Module._extensions..js (module.js:404:10) at Module.load (module.js:343:32) at Function.Module._load (module.js:300:12) at Module.require (module.js:353:17) at require (internal/module.js:12:17) at Object.<anonymous> ([MYPROJECTDIR]\index-compiled.js:3:12) at Module._compile (module.js:397:26) at Object.Module._extensions..js (module.js:404:10) 

处理完成退出代码1

你的index-compiled.js代码是什么样的? 似乎它需要原始的bar.js而不是bar-compiled.js 。 Node.js不能本地执行ES6代码,因此是错误的。

我build议configuration编译器将输出的代码输出到一个单独的目录以避免使用“已编译的”后缀。 有关使用WebStorm设置Babel 6的说明,请参阅以下链接: http ://mcculloughwebservices.com/2015/12/10/webstorm-b​​abel-6-plugin/