Question

当我尝试使用“npm start”启动服务器时，它会给我这个。我的配置如下。

    var config = {
  entry: './main.js',

  output: {
    path: '/C:\Users\34337\reactApp',
    filename: 'index.js',
  },

  devServer: {
    inline: true,
    port: 7777
  },

  module: {
    loaders: [{
      test: /\.jsx?$/,
      exclude: /node_modules/,
      loader: 'babel',

      query: {
        presets: ['es2015', 'react']
      }
    }]
  }
};
module.exports = config;

在我将“loders”替换为“规则”之后，它显示我没有设置'mode'选项。 the error after that.

Answer 1

您需要检查您的环境中安装的babel-cli和babel-loader，如果没有安装，请运行命令：npm install --save babel-cli babel-loader babel-preset-es2015 babel-preset-react然后重新运行您的起始脚本。

配置module点应如下所示：

module: {
 rules: [
   {
     test: /\.js$/,
     exclude: /node_modules/,
     use: 'babel-loader',
     query: {
       presets: ['es2015', 'react']
     }
   }
 ]
}

现在您可以忽略mode警告。请注意我的module配置，并设置babel-loader而不是babel。

当我安装反应时Webpack错误。（当我尝试使用“npm start”启动服务器时）

1 个答案: