大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。
Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺
最近在做vue的实例项目的时候,遇到用webpack来打包项目的时候,出现了一些版本的兼容性冲突问题,导致运行报错,出现的结果和解决办法如下,在此记录一下:
错误1:TypeErroethis.getOptions is not a function
原因:安装的less-loader版本太高导致冲突问题产生
解决办法:降低版本号
卸载原本的版本:npm uninstall less-loader
重新安装低版本:npm install less-loader@x.x.x (x.x.x 表示需要安装特定的版本号)
错误2:Error: module property was removed from Dependency (use compilation.moduleGraph.updateModule(dependency, module) instead)
原因:由于webpack4以上的版本变动较大,与之前的是有所差距的,所以如果是采用vue3创建的vue项目,用webpack4的版本更能互相的兼容,如果采用webpack5的版本的话,则会出现以上报错
解决办法:降低版本号
卸载原本的版本:由于可能不知道我们自己之前安装的webpack是全局安装还是局部安装,所以可以把下面的两句命令都执行一遍
在创建项目的根路径执行
全局:npm uninstall -g webpack
局部:npm un webpack
重新安装低版本:nnpm install –save-dev webpack@x.x.x (x.x.x 表示需要安装特定的版本号)
补充:由于webpack的版本需要webpack-cli一起配合使用的,所以也要把他安装一下,运行一下
npm install –save-dev webpack-cli就行
查看安装后的版本号:node_modules/.bin/webpack -v
(教训:在安装webpack和less-loader时,切记勿直接安装最新版本,要看项目所用的vue版本等等)
发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/169213.html原文链接:https://javaforall.cn
【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛
【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...