时间戳

首页 > 解决方案 > Webpack 在初始构建后不构建捆绑包

reactjs - Webpack 在初始构建后不构建捆绑包

问题描述

我遇到了一个我以前在使用 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'
    }
};

标签： reactjswebpack

解决方案

我愚蠢地选择忽略应用程序控制台中的一些我认为不相关的警告。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 错误：状态代码 404，net::ERR_UNKNOWN_URL_SCHEME。添加到我解决了我的问题devtool: "eval-cheap-source-map"的顶部。webpack.config

推荐阅读