Webpack 在初始构建后不构建捆绑包答案

【问题标题】：Webpack not building bundle after initial buildWebpack 在初始构建后不构建捆绑包
【发布时间】：2021-05-19 20:33:13
【问题描述】：

我遇到了一个我以前在使用 Webpack 时从未遇到过的问题。简而言之 - 我让 webpack 监视我的反应文件并通过 webpack --watch 将其编译成一个包。最初的编译和构建效果很好，我可以看到变化。但是，出于某种原因，进行任何其他更改都不会使用更新更改构建捆绑包。你可以在这里在 webpack running 的输出中看到它

webpack 5.37.0 compiled successfully in 1243 ms
assets by status 1.14 MiB [cached] 1 asset
cached modules 1.07 MiB (javascript) 1.13 KiB (runtime) [cached] 39 modules
./public/src/components/home/components/HeaderInformation.jsx 608 bytes [built]
webpack 5.37.0 compiled successfully in 27 ms
assets by status 1.14 MiB [cached] 1 asset
cached modules 1.07 MiB (javascript) 1.13 KiB (runtime) [cached] 40 modules
webpack 5.37.0 compiled successfully in 19 ms
assets by status 1.14 MiB [cached] 1 asset
cached modules 1.07 MiB (javascript) 1.13 KiB (runtime) [cached] 40 modules
webpack 5.37.0 compiled successfully in 18 ms

到目前为止，我发现的唯一解决方法是重新启动 webpack 并告诉它再次观看……不理想。我不知道我在这里缺少什么，因为我没有看到任何错误，而且我在网络上的搜索导致我没有答案。对于上下文，这是我的 webpack.config 文件

module.exports = {
    entry: __dirname + '/public/src/index.jsx',
    mode: 'development',
    module: {
      rules: [
        {
          test: [/\.jsx$/],
          exclude: /node_modules/,
          use: {
            loader: 'babel-loader',
            options: {
              presets: ['@babel/preset-react', '@babel/preset-env']
            }
          }
        }
      ]
    },
     output: {
      filename: 'bundle.js',
      path: __dirname + '/public/dist'
    }
};

【问题讨论】：

标签： reactjs webpack

【解决方案1】：

我愚蠢地选择忽略应用程序控制台中的一些我认为不相关的警告。 DevTools failed to load SourceMap for webpack:///node_modules//…js.map HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME 是我看到的错误。出于某种原因将我带到这里DevTools failed to load SourceMap for webpack:///node_modules//....js.map HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME。将devtool: "eval-cheap-source-map" 添加到我的webpack.config 顶部解决了我的问题。

【讨论】：