Question

Webpack无法正确更新，并且正在捆绑不在我当前分支上的模块。

导致此问题的事件顺序：

我导入了Webpack找不到的图像。错误是Cannot find module './arabic-5d7f2efc.jpg'at webpackMissingModule
我删除了错误源，这是我的React组件中的图像导入语句。
控制台仍显示此错误。但是在终端中，我获得了成功的构建。
我删除了分支，并创建了一个新分支。我还重新启动了Rails服务器和webpack。
在我的新分支上，我仍然得到与＃3中所述相同的行为。

我尝试过的事收效甚微：

在我的webpack配置文件中添加publicPath。
使用命令npm run webpack --mode=development --watch
清除浏览器缓存，并从Chrome开发者工具的“网络”标签中禁用缓存。

package.json

dependencies: {
    "webpack": "^4.39.3",
    "webpack-cli": "^3.3.8"
},

scripts: {
  "webpack": "webpack --mode=development --watch"
}

webpack.config.js

const path = require('path')

module.exports = {
  context: __dirname,
  entry: './frontend/ifluent.jsx',
  output: {
    path: path.resolve(__dirname, 'app', 'assets', 'javascripts'),
    filename: 'bundle.js'
  },
  resolve: {
    extensions: ['.js', '.jsx', '*']
  },
  module: {
    rules: [
      {
        test: /\.jsx?$/,
        exclude: /(node_modules)/,
        use: {
          loader: 'babel-loader',
          query: {
            presets: ['@babel/env', '@babel/react'],
            plugins: ['@babel/plugin-proposal-class-properties']
          }
        }
      },
      {
        test: /\.css$/i,
        loader: 'css-loader',
        options: {
          modules: true
        }
      }
    ]
  },
  devtool: 'source-map'
}

Webpack捆绑不存在的文件

0 个答案: