Module build failed: ReferenceError: 错误问题解决

ERROR in ./src/result.js

Module build failed: SyntaxError: *******\src\result.js: Unexpected token (42:3)

ERROR in ./src/result.js

Module build failed: ReferenceError: [BABEL] *******\src\result.js: Unknown option:

 

原本配置：

{

    test: /\.(js|jsx)$/,

    exclude: /node_moudles/,

    loader: 'babel-loader'

}

 

原因：

static与class使用es2015无法解析；React的jsx，需要使用babel-preset-react，

安装之后，不配置query依然会报错。

 

安装 babel-preset-react

npm install babel-preset-react --save-dev

 

修改配置：

{

    test: /\.(js|jsx)$/,

    exclude: /node_moudles/,

    loader: 'babel-loader',

    query: {

        presets: ['es2015', 'react', 'stage-0']

    }

}

 

最终有关babel的引入：

"babel-core": "^6.24.1",

"babel-loader": "^7.0.0",

"babel-plugin-import": "^1.1.1",

"babel-preset-env": "^1.7.0",

"babel-preset-es2015": "^6.24.1",

"babel-preset-react": "^6.24.1",

"babel-preset-stage-0": "^6.24.1",

 

参考文档：

http://www.srcmini.com/1833.html

https://stackoverflow.com/questions/33820139/module-build-failed-referenceerror-babel