webpack 升级问题 webpack.NamedModulesPlugin is not a constructor

秒速五厘米 2022-12-30 13:42 237阅读 0赞

用最新版本 webpack 时出错：webpack.NamedModulesPlugin is not a constructor

提示用 use config.optimization.namedModules 替换 'NamedModulesPlugin' is deprecated

这是我的配置文件

**webpack.config.js**

const path = require("path");
    const HtmlWebpackPlugin = require("html-webpack-plugin");
    const { CleanWebpackPlugin } = require("clean-webpack-plugin");
    const webpack = require('webpack');
    
    module.exports = {
      entry: {
        app: "./src/index.js"
      },
      devtool: "inline-source-map",
      devServer: {
        contentBase: "./dist",
        hot: true
      },
      plugins: [
        new CleanWebpackPlugin(),
        new HtmlWebpackPlugin({
          title: "webpack 入门实战",
        }),
        new webpack.NamedModulesPlugin(),
        new webpack.HotModuleReplacementPlugin()
      ],
      output: {
        filename: "[name].bundle.js",
        path: path.resolve(__dirname, "dist"),
        publicPath: '/'
      },
    };

改成用配置的方式即可

optimization: {
        namedModules: true
      },

查看文档发布 optimization.namedModules removed (NamedModulesPlugin too) 已经被移除了。

[https://app.releasly.co/releases/webpack/webpack/5\_0\_0-beta\_0][https_app.releasly.co_releases_webpack_webpack_5_0_0-beta_0]

[https://stackoverflow.com/questions/49017682/webpack-4-migration-commonschunkplugin][https_stackoverflow.com_questions_49017682_webpack-4-migration-commonschunkplugin]

![20201228125922483.png][]

同时在 webpack4 上是默认设置，所以不需要设置这个选项即可。

[https_app.releasly.co_releases_webpack_webpack_5_0_0-beta_0]: https://app.releasly.co/releases/webpack/webpack/5_0_0-beta_0
[https_stackoverflow.com_questions_49017682_webpack-4-migration-commonschunkplugin]: https://stackoverflow.com/questions/49017682/webpack-4-migration-commonschunkplugin
[20201228125922483.png]: /images/20221120/67709752ad3d471d8153f5d7b376c9b3.png

发表评论取消回复

表情：

评论列表（有 0 条评论，237人围观）

还没有评论，来说两句吧...

相关阅读

相关使用clean-webpack-plugin小插件报错CleanWebpackPlugin is not a constructor

clean-webpack-plugin是webpack的一个小插件：由于每次打包的时候有可能文件名称不一样，打包后的文件就叠加到dist目录下了。所以clean

╰+攻爆jí腚メ/ 2024年04月06日 13:36/ 0 赞/ 43 阅读

相关 webpack 升级问题 webpack.NamedModulesPlugin is not a constructor

用最新版本 webpack 时出错：webpack.NamedModulesPlugin is not a constructor 提示用 use config.optimi

秒速五厘米/ 2022年12月30日 13:42/ 0 赞/ 238 阅读

相关解决IDEA 一直TypeError: this.cliEngine is not a constructor报错

ESLint 安装脚本注意：每个项目都需要安装ESLint npm install --save-dev eslint babel-eslint eslint-

小鱼儿/ 2022年12月20日 01:52/ 0 赞/ 221 阅读

相关 webpack打包报错 [webpack-cli] TypeError: merge is not a function

报错信息如下： [webpack-cli] Failed to load '/Users/allard/Desktop/webpack-react-scaffol

Love The Way You Lie/ 2022年09月15日 12:54/ 0 赞/ 460 阅读

相关 webpack 采坑（CleanWebpackPlugin 插件报错： CleanWebpackPlugin is not a constructor ；）

坑一： CleanWebpackPlugin 插件报错：CleanWebpackPlugin is not a constructor ； webpack.config.js

以你之姓@/ 2022年01月07日 14:07/ 0 赞/ 251 阅读

相关使用vuex报错“__WEBPACK_IMPORTED_MODULE_1_vuex__.a.store is not a constructor”

import Vue from 'vue'; import Vuex from 'vuex'; Vue.use(Vuex);

喜欢ヅ旅行/ 2021年12月07日 14:59/ 0 赞/ 862 阅读

相关 [webpack]解决报错 CleanWebpackPlugin is not a constructor

错误写法 const CleanWebpackPlugin = require("clean-webpack-plugin"); 正确写法： let

Myth丶恋晨/ 2021年11月10日 16:24/ 0 赞/ 275 阅读

相关 combobox is not a function 问题解决

发现html页面引用了两个jquery 解决方法：删掉其中一个注：[https://blog.csdn.net/qq\_34710612/article/details/

柔情只为你懂/ 2021年09月28日 20:38/ 0 赞/ 323 阅读

相关报错：node操作数据库 Mongoose is not a constructor已解决

![20181225081234346.png][] 报Mongoose is not a constructor，第一看下你的Schema写对没有第二，![waterm

拼搏现实的明天。/ 2021年09月17日 10:18/ 0 赞/ 451 阅读

相关 webpack.optimize.CommonsChunkPulgin is not a constructor???请看CommonsChunkPlugin VS SplitChunksPlugin

webpack团队人员卧薪尝胆五个多月的时间终于带来的webpack4+，个人觉得webpack4带来的最大优化便是对于懒加载块拆分的优化，删除了CommonsChunkPl

小灰灰/ 2021年09月16日 13:40/ 0 赞/ 437 阅读