找不到模块@babel/preset-polyfill

Question

我正在尝试使用@babel/preset-polyfill和webpack 4，如下所示：

const HtmlWebPackPlugin = require("html-webpack-plugin");
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
const path = require('path');

module.exports = {
  entry: './src/index.js',
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'bundle.js'
  },
  module: {
    rules: [{
        test: /\.js$/,
        exclude: /node_modules/,
        use: {
          loader: "babel-loader",
          options: {
            presets: ["@babel/preset-env", "@babel/preset-react", "@babel/polyfill"]
          }
        }
      },
      {
        test: /\.html$/,
        use: [{
          loader: "html-loader",
          options: {
            minimize: true
          }
        }]
      },
      {
        test: /\.scss$/,
        use: [MiniCssExtractPlugin.loader, "css-loader", "sass-loader"]
      }
    ]
  },
  plugins: [
    new HtmlWebPackPlugin({
      template: "./src/index.html",
      filename: "./index.html"
    }),
    new MiniCssExtractPlugin({
      filename: "[name].css",
      chunkFilename: "[id].css"
    })
  ]
};  

编译器会抱怨：

ERROR in ./src/index.js Module build failed: Error: Cannot find module '@babel/preset-polyfill' from '/Volumes/Develop/html/ReactReasonTemplate'
- If you want to resolve "@babel/polyfill", use "module:@babel/polyfill"
    at Function.module.exports [as sync] (/Volumes/Develop/html/ReactReasonTemplate/node_modules/resolve/lib/sync.js:42:15)
    at resolveStandardizedName (/Volumes/Develop/html/ReactReasonTemplate/node_modules/@babel/core/lib/config/files/plugins.js:100:31)
    at resolvePreset (/Volumes/Develop/html/ReactReasonTemplate/node_modules/@babel/core/lib/config/files/plugins.js:57:10)
    at loadPreset (/Volumes/Develop/html/ReactReasonTemplate/node_modules/@babel/core/lib/config/files/plugins.js:76:20)
    at createDescriptor (/Volumes/Develop/html/ReactReasonTemplate/node_modules/@babel/core/lib/config/config-descriptors.js:135:21)
    at items.map (/Volumes/Develop/html/ReactReasonTemplate/node_modules/@babel/core/lib/config/config-descriptors.js:87:50)
    at Array.map (<anonymous>)
    at createDescriptors (/Volumes/Develop/html/ReactReasonTemplate/node_modules/@babel/core/lib/config/config-descriptors.js:87:29)
    at createPresetDescriptors (/Volumes/Develop/html/ReactReasonTemplate/node_modules/@babel/core/lib/config/config-descriptors.js:79:10)
    at passPerPreset (/Volumes/Develop/html/ReactReasonTemplate/node_modules/@babel/core/lib/config/config-descriptors.js:71:96) @ multi (webpack)-dev-server/client?http://localhost:8080 ./src/index.js . 

我做错了什么？

Answer 1

在从.babelrc文件的"presets“中删除'@babel/preset-polyfill‘后，请为我工作