webpack版本和vue版本的冲突问题[通俗易懂]

webpack版本和vue版本的冲突问题[通俗易懂]webpack报错和vue报错问题

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新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账号...

(0)


相关推荐

  • 【NOIP2011】聪明的质检员

    【NOIP2011】聪明的质检员2.聪明的质监员(qc.cpp/c/pas)小T是一名质量监督员,最近负责检验一批矿产的质量。这批矿产共有n个矿石,从1到n逐一编号,每个矿石都有自己的重量wi以及价值vi。检验矿产的流程是:1、给定m个区间[Li,Ri];2、选出一个参数W;3、对于一个区间[Li,Ri],计算矿石在这个区间上的检验值Yi:这批矿产的检验结果Y为各个区间

  • 【运维】使用Serv-U搭建FTP服务器[通俗易懂]

    【运维】使用Serv-U搭建FTP服务器[通俗易懂]1、先安装好Serv-U,并作为系统服务安装2、打开Serv-U,新建一个域3、添加用户4、解决阿里云专有网络的一个问题遇到一个情景:需要使用Serv-U进行FTP更新软件,其中使用PASV的连接方式,这种方式客户要求连接FTP的时候,Serv-U会随机产生一个端口发送给客户端,告诉客户端通过这个端口来发送文件;而阿里云专有网…

    2022年10月25日
  • Python学习总结(1)—turtle海龟作图

    Python学习总结(1)—turtle海龟作图海龟作图1.海龟移动和绘制2.获取海龟的状态3.设置与度量单位4.画笔绘图状态5.画笔颜色控制6.填充7.更多绘图控制8.海龟可见性9.海龟外观10.使用事件11.特殊海龟方法1.海龟移动和绘制forward(distance)前进backward(distance)后退right(degree)右转默认为角度left(degree)左转默认为角度goto(newX,n…

  • dig命令

    dig命令

    2021年10月14日
  • Oracle Instanc Client安装命令工具

    Oracle Instanc Client安装命令工具

  • 基于java的学生信息管理系统源代码(javaweb学生管理系统源代码)

    /*学生信息管理系统,实现学生信息:*增加int[]a=newint[9]*删除*查找*更改*/importjava.util.Scanner;//导入java输入流importjava.lang.*;importjava.io.*;classStudent{ privatestaticStudent[]s=newStu

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号