npm 安装uview 报错

已于 2022-08-17 14:37:06 修改
阅读量585 收藏
点赞数
分类专栏： uniapp 文章标签： vue.js 前端 javascript
于 2022-08-17 14:32:42 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42959829/article/details/126385502
版权 
 ERROR  Failed to compile with 1 error   

 error  in ./src/App.vue?vue&type=style&index=0&lang=scss&

 Syntax Error: Error: Node Sass version 6.0.1 is incompatible with ^4.0.0.

从报错内容上来看是因为node-sass的版本问题导致的

报错的node-sass版本     "node-sass": "^6.0.1" 

更改为  "node-sass": "^4.14.1", 

同时"sass-loader": "^10.3.1",   "webpack": "^4.29.5"

也就是node-sass@4 匹配 sass-loader@10

版本尽量一致，不然会出现不兼容webpack的情况，可以参考另一篇文章Cannot find module ‘webpack/lib/RuleSet‘

inprivacy
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
uview 用npm方式引入 配置问题
qq_35089721的博客
10-23 1574
pages.json配置easycom规则(按需引入) // pages.json { "easycom": { // npm安装的方式不需要前面的"@/"，下载安装的方式需要"@/" // npm安装方式 "^u-(.*)": "uview-ui/components/u-$1/u-$1.vue" // 下载安装方式 // "^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue" }, // 此为本身已有的内容 "pages": [
解决小程序使用uview库安装报错TypeError: this.getOptions is not a function的问题
weixin_43994760的博客
01-24 1861
解决小程序使用uview库安装报错TypeError: this.getOptions is not a function的问题
npm install --save v-viewer viewerjs/dist/viewer.css 报错
hery186的专栏
12-29 6069
vue图片点击放大预览v-viewer库使用   https://github.com/mirari/v-viewer github地址，下面是我这块使用的效果图。     执行  npm install v-viewer --save   原来npm和yarn是可以混用的  ...
vue npm某插件时报错（npm install --save v-viewer viewerjs/dist/viewer.css 报错）
前端小菜鸡的博客
07-15 9329
直接上报错的图（这种情况是已经引入了css样式，还是报这种错） 解决方案： npm install v-viewer --save 同理，如果出现其他类似的，main.js中明明已经引入，还是报这种错，再次npm 一下，不知道这是什么鬼原理 还是就是没有引入css报这种,直接npm 是没有用的，还是会报错，去查看相关的文档使用资料，在main.js 引入相关css ...
【uview安装】uniapp安装uview组件库步骤，出现找不到文件报错情况原因
seeeeeeeeeee的博客
06-18 5224
按照安装步骤来
安装vue-devtools时，npm install总是报错的解决方案
03-14
安装vue-devtools时，npm install总是报错的解决方案 亲测有效！！！
运行 npm run dev 报错
01-20
刚刚创建好vue项目的时候,运行 npm run dev 会报错,如下: C:\Users\未来\Desktop\新建文件夹 (2)>npm run dev npm ERR! path C:\Users\未来\Desktop\新建文件夹 (2)\package.json npm ERR! code ENOENT npm ERR! ...
终端中 npm安装报错 webpack
01-07
以webpack中安装autoprefixer为例： 终端输入: npm install autoprefixer 报出一堆错 gyp ERR! configure error gyp ERR! stack Error: `gyp` failed with exit code: 1 gyp ERR! stack at ChildProcess.onCpExit ...
vue踩坑记-在项目中安装依赖模块npm install报错
10-17
主要介绍了vue踩坑记-在项目中安装依赖模块npm install报错，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
解决vue项目运行npm run serve报错的问题
01-18
先来一张报错的截图 先去配置环境变量 C:\Users\lgd\AppData\Local\Programs\Microsoft VS Code\bin的后面配置 ；%SystemRoot%\system32;...补充知识：vue npm run serve报错Cannot find module ‘eslint-plugin
npm -v 报错的解决方案
小蔷强大的博客
11-30 1701
如果你尝试了 百度里 所有查到的方法 都没有用 可以试着 在安装完成后 进入 C:\Users\Administrator.config\configstore 文件夹 清理 update-notifier-npm.json 文件后 再试 也许就成功了！~~~~
vue图片点击放大预览v-viewer
蜗牛不会跑
07-01 2862
图片放大预览功能 参考网站：https://github.com/mirari/v-viewer image.png 1、安装依赖 npm install v-viewer --save 2、全局引入 import Vue from 'vue'; import Viewer from 'v-viewer' import 'viewerjs/dist/viewer.css' Vu...
uview-ui报错：Component is not found in path node-modules/uview-ui/components/xx/xx
撑起自己半边天
03-09 6007
uview-ui报错：Component is not found in path node-modules/uview-ui/components/xx/xx
(二)、安装uview及配置项中的易错项【uniapp+uinicloud多用户社区博客实战项目(完整开发文档-从零到完整项目)】
tigerhhzz的博客
02-14 366
(二)、安装uview及配置项中的易错项【uniapp+uinicloud多用户社区博客实战项目(完整开发文档-从零到完整项目)】
基于vue2.0框架安装一些插件报错
weixin_62752892的博客
08-30 488
npm install lodash --save // 若已安装请忽略。会引用其它依赖，sass-loader，node-sass 版本会不兼容。qrcode详细可参考参考。
如何搭建小程序项目，uniApp搭建，uView组件库的引入和请求配置
m0_57884221的博客
08-21 1082
当使用uni-app搭建项目时，不注意就版本出现问题，这里直接保姆式说说 1.下载 vue-cli 脚手架版本为4的； 2.创建项目（尾部是项目名-自定义即可），选择默认模板 3.切换到当前创建的项目并运行即可；4. manifest.json文件中配置自己的appid 1.运行了npm run dev:mp-weixin后会出现一个 dist文件；2.导入 dist 文件中的 mp-weixin文件（整个文件）； 安装 uView组件库； 1.通过命令直接安装 sass、sass-loader@1
关于引入uview-ui @import “uview-ui/index.scss“；报错
wangxinwang996的博客
04-15 1282
在APP.vue中加上lang="scss。/*每个页面公共css */
【原创】小程序使用npm模块（引入第三方UI），报错的多种解决办法。
黑夜的风的博客
12-09 4567
前言 引入第三方模块时，我遇到了很多坑。 首先是微信、第三方模块的文档描述不清楚。 其次。搜索到的博客，大部分是抄的文档 / 相互转载抄袭。作用有限。 于是，我自己做了各种条件下的测试。 解决各种情况的引入Npm模块的报错、失败。希望对你有帮助。 下面以引入Vant 小程序版 为例，开始测试。 1、小程序路径在中文目录下 在中文路径下新建项目，引入UI失败。 将中文改为英文，重启项目。 ...
uniapp使用npm安装uview(已填坑）
qq_40815295的博客
05-15 7609
uniapp使用npm安装uview(已填坑）关于uview 关于uview 我认为是当前uniapp最好用的一个ui库，文档齐全（虽然是新出的）但是不妨碍我对他的喜爱。言归正传： https://www.uviewui.com/components/npmSetting.html 这个网址是官方配置网站。按步骤来就行， ...
npm安装yarn报错
最新发布
09-05
对于npm安装yarn报错的问题，可能有多种原因导致。以下是一些常见的解决方法，您可以尝试逐一排查： 1. 清除npm缓存并重新安装yarn： ``` npm cache clean --force npm install -g yarn ``` 2. 使用npm的全局...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值