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

秒速五厘米 2022-12-30 13:42 277阅读 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 条评论，277人围观）

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

相关阅读

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

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

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

相关解决ESLint报错：“TypeError: this.cliEngine is not a constructor“

系列文章目录 -------------------- 文章目录系列文章目录前言一、报错原因二、解决方法解决方法一：

た入场券/ 2023年10月14日 09:12/ 0 赞/ 38 阅读

相关 Vuex报错‘__WEBPACK_IMPORTED_MODULE_1_vuex__.a.store is not a constructor’

今天使用Vuex的时候突然报错了,康康[官网][Link 1]是怎么搞得： const store = new Vuex.Store({ state: {

爱被打了一巴掌/ 2023年07月24日 05:35/ 0 赞/ 15 阅读

相关 TypeError: this.CliEngine is not a constructor

vue cli3 项目老是提示`TypeError: this.CliEngine is not a constructor`这个,看着特别扭解决方法也不难，直接点击`De

比眉伴天荒/ 2023年07月04日 15:41/ 0 赞/ 3 阅读

相关 Error in mounted hook: "TypeError: AMap.MouseTool is not a constructor"

错误提示： ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV

逃离我推掉我的手/ 2023年06月08日 06:08/ 0 赞/ 6 阅读

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

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

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

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

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

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

相关使用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 赞/ 906 阅读

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

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

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

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

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

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