Webpack esm模块解决了“./node_node/esm bootstrap/esm/index.js中的警告”。

Question

为了在我的项目中使用类型记录，我遵循了反应& Webpack。在对webpack.config.js进行了一些更改之后，我收到了大量的警告消息。

我猜webpack试图解决ESM问题，但失败了，因为所有警告都包括esm/index.js。

从“react自助”导入Nav

webpack

警告在../node_modules/react引导/esm/index.js 59:0-85 “导出'ResponsiveEmbedProps‘在'./ResponsiveEmbed’中找不到 @ ./view/AccountModal.js @ ./view/index.js @ ./app/App.js @ ./index.js @multi@babel/polyfill ./index.js //许多相同的警告..。

webpack.config.js

这是我的webpack.config.js文件

module.exports = {
  context: path.resolve(__dirname, 'src'),

  mode: 'development',
  devtool: 'source-map',

  entry: [ '@babel/polyfill', './index.js'],
  
  devServer : {
    historyApiFallback: true
  },

  output: {
    filename: 'main.js',
    path: path.resolve(__dirname, 'dist'),
    publicPath: '/',
  },

  plugins: [new HtmlWebpackPlugin({
      template: "./index.html"
  })],

  module: {
    rules: [
      {
        test: /\.ts(x?)$/,
        exclude: /node_modules/,
        use: [
            {
                loader: "ts-loader"
            }
        ]
      },
      { 
          test: /\.(js|jsx)$/,
          exclude: /node_modules/,
          use: [{
              loader: 'babel-loader',
              options: {
                  presets: ["@babel/preset-env", "@babel/preset-react"]
              }
          }]
      },
    ]
  },
  externals: {
    "react": "React",
    "react-dom": "ReactDOM"
  }
};

Answer 1

这是react-bootstrap问题。

下面是相关的Github问题

回滚react-bootstrap版本解决了我的问题。

npm卸载响应-引导 npm安装反应-引导@1.0.1