首页 > 其他分享 >Vue项目常见问题处理

Vue项目常见问题处理

时间:2023-07-20 16:11:06浏览次数:40  
标签:Node node 常见问题 处理 saas loader -- Vue 版本

开发环境推荐使用node 14版本,可以尽可能的减少版本兼容导致的问题。

安装依赖包报错

大部分安装依赖包错误是编译环境不完整引起的(例如:gyp相关错误),请确保编译环境安装完整(以管理员身份运行cmd):

 

npm install --global --production --verbose windows-build-tools

npm install -g node-gyp

 

 

 

打包、运行报错

node版本与node-saas版本不匹配

大多数的“Failed to resolve loader: cache-loader”错误的原因是node、node-saas、saas-loader版本不匹配导致的,根据下表对应关系调整package.json中的版本配置(或者根据package.json中的配置切换对应的node版本),然后重新安装依赖。

Node、node-saas版本对应关系参考

NodeJS

Supported node-sass version

Node Module

Node 20

9.0+

115

Node 19

8.0+

111

Node 18

8.0+

108

Node 17

7.0+, <8.0

102

Node 16

6.0+

93

Node 15

5.0+, <7.0

88

Node 14

4.14+, <9.0

83

Node 13

4.13+, <5.0

79

Node 12

4.12+, <8.0

72

Node 11

4.10+, <5.0

67

Node 10

4.9+, <6.0

64

Node 8

4.5.3+, <5.0

57

Node <8

<5.0

<57

 

查看项目中saas-loader版本匹配信息

npm view sass-loader peerDependencies

saas-loader版本配置差异

saas-loader>7.x 的版本需要修改配置,vue.config.js文件中有关saas的配置:prependData 替换为 additionalData。

标签:Node,node,常见问题,处理,saas,loader,--,Vue,版本
From: https://www.cnblogs.com/eddyzhang/p/17568671.html

相关文章

  • 【网易云信】直播场景播放侧常见问题分析与实践经验
    常见的播放流程播放器主要流程分析 播放器的播放流程与推流过程类似,但是顺序相反。推流端先采集音频和视频,进行音视频编码和封装,并按照流媒体协议进行处理,最终得到输出流。而播放器则将输入流经过解析和解封装,得到音频包(如AAC)和视频包(如H.264、H.265),并进行解码以获取音频帧......
  • 关于Android 控件没有动态设置界面效果时,如何处理
    关于Android控件没有动态设置界面效果时,如何处理例子:android:scrollbarThumbVertical动态设置-->listView如果控件只有静态xml界面的设置,没有动态设置时,需要去查看安卓控件的源码,看该控件继承了那个父控件的方法,然后利用反射调用!不同的Android版本,源码可能不同!Android11.......
  • 【Vue】vue获取dom元素
    vue中准确的拿到那个元素用ref,ref是绑定给子组件<普通元素也可以绑定ref>ref如果是绑定在组件中的,那么通过this.$refs.ref的name获取到的是一个组件对象ref如果是绑定在普通的元素中的,那么通过this.$refs.ref的name获取到的是一个元素对象 html<divref='a'>aaaaa......
  • vue-element-admin改为从后台拿动态指令权限(按钮)- 下
    改为从后台拿动态指令权限,大概如下步骤:1、后台修改接口返回指令权限数据2、修改src/store/modules/permission.js修改generateRoutes,添加保存 指令权限3、修改验证指令去权限方法(checkPermission:src/utils/permission.js、v-permission:src/diective/permission/permi......
  • 关于vue3使用setup语法糖获取不到组件实例内部的变量
    //子组件<template><div>{{count}}</div><template<scriptsetup>import{ref}from'vue'constcount=ref(0)</script>//父组件<template><div><Childref="child"/>......
  • vue生成二维码以及获取当前的地址url
    <template> <divclass="hello">  <h2>二维码</h2>  <canvasref="qrCodeCanvas"></canvas><div>{{url}}</div> </div></template><script>importQRCodefrom'qrco......
  • ARM处理器概论
     ARM公司>成立于1990年11月,前身为Acorn计算机公司>主要设计ARM系列RISC处理器内核RISC处理器只保留常用的的简单指令,硬件结构简单,复杂操作一般通过简单指令的组合实现,一般指令长度固定,且多为单周期指令RISC处理器在功耗、体积、价格等方面有......
  • Vuex的例接以及核心属性
    Vuex是vue用户状态管理的,核心就是store(仓库),它的5个核心属性分别是State、Getter、Mutation、Action、Module。state:管理存放数据,包括数组、对象、字符串,只能通过mutations和actions来修改getter:类型计算属性,...mapGetters([""])引用,返回值会根据它的依赖被缓存起来,只有依赖......
  • git pull本地拉取代码时,No remote repository specified报错处理
    找到本地仓库文件夹,在.git路径下,找到config文件,进去修改[core] repositoryformatversion=0 filemode=false bare=false logallrefupdates=true ignorecase=true[remote"origin"]url=https://git.xxx/x'x'x/aaa.git fetch=+refs/heads/*:refs/remotes/ori......
  • Vue利用element ui分栏,并将threejs插入到main
    目录1.在node.js官网下载2.在win+r中输入cmd打开管理员:命令提示符3.cmd命令下载安装淘宝镜像上的npm包4.cmd命令安装vuecli,并验证是否安装成功5.通过vueui命令以图形化界面创建和管理项目6.vue项目创建完成,在终端里安装elementui7.在main.js文件中引入element8.利用element进行......