Babel loader 未加载表单 config.json 文件

Question

我是使用 Reactjs 的初学者，运行 webpack 时出现以下错误：

ERROR in ./src/client/app/index.jsx
Module parse failed: Unexpected token (6:11)
You may need an appropriate loader to handle this file type.

代码：

class App extends React.Component {
    render () {
        return <p> Hello React!</p>;
} }

我按照以下网站中的说明进行操作：

http://blog.tamizhvendan.in/blog/2015/11/23/a-beginner-guide-to-setup-react-dot-js-environment-using-babel-6-and-webpack/

下面几行会告诉你版本细节

"author": "",
"license": "ISC",

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

"babel-core": "^6.26.0",
"babel-loader": "^7.1.3",
"babel-preset-es2015": "^6.24.1",
"webpack": "^4.0.1",
"webpack-cli": "^2.0.10"

Answer 1

您所遵循的指南已经很老了，webpack.config.js 中描述的配置对象现在不同了。

替换：

module : {
  loaders : [
    {
      test : /\.jsx?/,
      include : APP_DIR,
      loader : 'babel'
    }
  ]
}

...与：

module : {
  rules: [{
    test : /\.jsx?/,
    include : APP_DIR,
    use: 'babel-loader'
  }]
}

然后，找到更新的指南:)

或者安装旧版本的webpack。