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)


相关推荐

  • Swagger注解-@ApiModel 和 @ApiModelProperty

    @ApiModel使用场景在实体类上边使用,标记类时swagger的解析类概述提供有关swagger模型的其它信息,类将在操作中用作类型时自动内省属性属性名称数据类型默认值说明valueString类名为模型提供备用名称descriptionString“”提供详细的类描述parentClass<?>parentVoid…

  • docker 镜像构建_dockerfile引入两个镜像

    docker 镜像构建_dockerfile引入两个镜像前言如果我们已经安装了一个python3的环境,如果另一台机器也需要安装同样的环境又要敲一遍,很麻烦,这里可以配置Dockerfile文件,让其自动安装,类似shell脚本Dockerfile编写

  • mybatis返回值为map类型时怎么处理_构造函数不能有返回类型

    mybatis返回值为map类型时怎么处理_构造函数不能有返回类型最有用到mybatis返回一个map结果集,然后就针对性的在网上找了一些相关大牛的总结:1.mybatis返回map结果集-红尘中人·杨哥-博客园2.MyBatis返回Map|码农网然后经过自己的测试终于可以应用实际业务中1、如果你确定返回的数据只有一条,你可以这样整xml中:<selectid=”searchncomedateByInvestID”resultMap=”java.util.HashMap”>selectt1.invest.

  • Java中next()和nextLine()区别及用法「建议收藏」

    Java中next()和nextLine()区别及用法「建议收藏」今天在项目之余,到杭电上刷了一道题,那道题是1062题,程序本身不是难,但是在里面实现过程中,突然发现用的Scanner类进行输入的,用到了next和nextLine这两个方法,在输入过程中也遇到一些问题,接下来进行讲述自己遇到的问题,以及如何解决的杭电1062题目:TextReverseProblemDescriptionIgnatiuslike

  • C#引用C++代码

    现在在Windows下的应用程序开发,VS.Net占据了绝大多数的份额。因此很多以前搞VC++开发的人都转向用更强大的VS.Net。在这种情况下,有很多开发人员就面临了如何在C#中使用C++开发好的类

    2021年12月22日
  • SBC应用「建议收藏」

    SBC应用「建议收藏」在VoIP呼叫中主要使用会话发起协议(SIP),H.323和MGCP呼叫信令协议,Sbc在主叫和被叫的信令/媒体路径之间引入。通常,SBC隐藏网络拓扑,接管呼入并生成到新的请求分支到被叫。技术上叫做背靠背B2BUA;这样做的好处是信令流和媒体流都能得到SBC控制。方便处理录音、生成保持背景音乐等媒体相关的处理;假如SBC不具备媒体服务的处理能力,也能够转发媒体流…

发表回复

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

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