[webpack-cli] TypeError: VueLoaderPlugin is not a constructor

最新推荐文章于 2024-05-30 13:59:14 发布
最新推荐文章于 2024-05-30 13:59:14 发布
阅读量722 收藏
点赞数 1
文章标签： webpack vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hwh_09123/article/details/130016443
版权

在使用webpack搭建vue项目时遇到了以下问题，特此记录帮助小白！

安装 vue-loader时报错[webpack-cli] TypeError: VueLoaderPlugin is not a constructor，

首先可以确认下node_modules中是否含有此路径包，没有需要重新

```yarn add vue-loader ```

有得话继续往下看截图

最终只需要在引入的时候加上.default 就可以正确引用，很简单吧~！

 

觉得有用请点赞哦！

 

时节好雨1993
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
Vue报错：VueRouter is not a constructor
m0_63926154的博客
09-11 2889
Vue报错：Uncaught TypeError: VueRouter is not a constructor。可能是使用 vue-router 版本过高或者vue环境使用2而引入为3。这里我使用的是CDN在线引用，反正万变不离其中，我们只需要把版本降一下即可。在学习Vue的路由时候控制台报错，导致一些CSS和路由都无法使用。这样遍解决的问题可以正常运行，css样式也开始生效了。
【已解决】TypeError: VueLoaderPlugin is not a constructor问题
qq_39290941的博客
10-26 1万+
TypeError: VueLoaderPlugin is not a constructor at Object.<anonymous> (D:\12.Code\01.tobacco\tobacco-web\build\webpack.base.conf.js:97:5) at Module._compile (module.js:635:30) at Object.Module._extensions..js (module.js:646:10) at Mo.
webpack配置文件后运行报错TypeError: VueLoaderPlugin is not a constructor
yotomato的博客
04-18 2151
webpack打包配置文件运行后报错TypeError: VueLoaderPlugin is not a constructor 错误原因：
60 个 Vue 常见问题汇总及解决方案
油墨香^-^的博客
02-03 496
具体配置在webpack.base.conf.js里面的rules里面的 url-loader，这样做的好处:在网速不好的时候先于内容加载和减少http的请求次数来减少网站服务器的负担。所以keep-alive一般缓存都是一些列表页,不会有太多的操作,更多的只是结果集的更换..给路由的组件meta增加一个标志位,结合v-if就可以按需加上缓存了!可以的,SSR(服务端渲染就能满足你的需求),因为请求回来就是一个处理完毕的 html，现在 vue 的服务端开发框架有这么个比较流行,如下Nuxt.js。
手动使用webpack搭建vue开发环境时出现Vue is not a constructor
有术无道止于术，有道无术尚有可为。
01-09 1891
解决方案： 第一步 resolve:{ alias: { 'vue$':'vue/dist/vue.esm.js' } } 在webpack.config.js相应位置加入上述代码 第二步 在html引入bundle.js时应位于vue模板后面 <!-- error --> <script src="./dist/bundle.js"></script> <div id="app"> {{message
关于ESlint报错TypeError this.cliEngine is not a constructor解决方案亲测有效
热门推荐
cabinx的博客
09-11 2万+
webstorm关于ESlint报错TypeError: this.cliEngine is not a constructor以及Module Error (from ./node_modules/eslint-loader/index.js):的解决方案 1.问题描述： 最近遇到一个不常遇到的问题：在webstorm上面运行配置了ESlint的vue项目，项目刚跑起来是正常的，但是一开发就会报错，不论是添加、修改、删除代码，还是新增vue文件都会报下面两个错误： (1)Failed to com
vue打包报错Class extends value undefined is not a constructor or null
wood_sugar的博客
07-13 2325
vue打包异常Class extends value undefined is not a constructor or null
web-webpack-plugin：替代html-webpack-plugin
02-03
web-webpack-plugin 想全面学习Webpack？试试它： 不错替代品，可以使webpack将HTML用作条目并处理多页。 安装 npm i web-webpack-plugin --save-dev const { WebPlugin , AutoWebPlugin } = require ( 'web-...
webpack-cli:webpack-cli
05-11
webpack-cli基本介绍webpack 脚手架，
webpack-cli：Webpack的命令行界面
01-29
否则， npm install --save-dev webpack-cli或yarn add webpack-cli --dev将安装它。 支持的参数和命令 了解可用的命令和参数。 配套 我们使用webpack CLI组织为一个多软件包存储库。 每个命令在packages文件夹中都...
windicss-webpack-plugin::leaf_fluttering_in_wind:适用于webpack的Windi CSS:high_voltage:
03-18
windicss-webpack-plugin :leaf_fluttering_in_wind:于Webpack的下一代实用程序优先CSS框架。 特征 :puzzle_piece:按需CSS实用程序（与Tailwind CSS v2兼容） :package:按需本地元素样式重置 :fire:热模块更换...
webpack-vue:使用webpack搭建vue项目
05-09
2.下载webpack，webpack-cli 目前可以使用webpack5不过还是建议使用webpack4 npm i webpack@4.44.2 webpack-cli@3.3.11 -D 3.配置webpack 1.根目录下创建config文件夹，分别创建webpack.base.config.js,webpack.dev....
Webpack3.x升级至 4.x 小记
Echoyya、的博客
06-27 129
近期项目部署遇到点问题，需要升级webpack版本，特此整理一小记，记录升级过程中的依赖包及报错处理。 本次升级的依赖包及对应版本对照表： npm 包 当前版本 升级版本 S/D vue ^2.5.18 ^2.6.14 -S element-ui ^2.4.11 ^2.15.8 (为了解决el-date-picker 告警问题) -S css-loader ^0.26.4 ...
【无标题】
qq_45435009的博客
02-09 368
PurgeCSSPlugin is not a constructor问题的解决方法
关于webpack5 使用 PurifyCSSPlugin 插件去除 多余css 报错TypeError: compiler.plugin is not a function 解决以及原因
m0_48469523的博客
03-20 1万+
关于 webpack5 使用 PurifyCSSPlugin 插件去除 多余css 报错TypeError: compiler.plugin is not a function 解决以及原因
vue-cli多页面应用常遇到的问题
weixin_30904593的博客
07-09 674
1、TypeError: webpack.optimize.OccurenceOrderPlugin is not a constructor 此问题出现在webpack 3中，解决办法很简单，将occurenceOrderPlugin改为OccurrenceOrderPlugin即可。 2、ReferenceError: rm is not defined 在build.js中，引入： ...
Vue自学之路（1）——Vue3.x+Webpack5.x的徒手搭建项目
mole的专栏
03-28 2113
本系列文章详细阐述基于Vue 3.X + Webpack 5.X，从徒手搭建项目开始到各个常用插件的配置和应用，目的是让学习者能快速掌握项目结构及vue的开发要领。
__WEBPACK__IMPORTED_MODULE_0_VUE__.default is not a constructor
qq_50276105的博客
08-12 2万+
学习webpack下配置vue模块，通过npm命令下载vue，测试vue模块是否能用，打包后结果报这样的错误： 在main.js文件引入vue模块： 在index.html里运用mustache：（最后该报错消失）
解决renren-fast地图使用echarts报错
最新发布
Start_t的博客
05-30 226
原因：renrenfast 框架 中 plugins预设了 echarts 插件（3.8.5），并且设置了 // 引入外部库, 无需webpack打包处理。如果引用自己安装的echarts 需要 注释掉build\webpack.base.conf.js 中 externals 的echarts。始终报错，无法安装自己定义的echarts版本（5.4.1），console.log出来是3.84。会提示以下错误或者其他。
TypeError: VueLoaderPlugin is not a constructor
05-26
这个错误通常是由于 Vue-loader 版本不兼容所导致的。你可以尝试升级或降级 Vue-loader 版本，以解决该问题。 另外，你也可以检查一下你的 webpack 配置文件，确保在 plugins 数组中正确地引入了 VueLoaderPlugin。例如： ``` const VueLoaderPlugin = require('vue-loader/lib/plugin'); module.exports = { // ...其他配置 plugins: [ new VueLoaderPlugin() ] }; ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值