安裝響應時出現Webpack錯誤。（當我嘗試使用“ npm start”啟動服務器時）

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”替換為“ rules”之后，它表明我沒有設置“ mode”選項。 之后的錯誤。

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 。