sassImplementationName:"node-sass" 在uni-app中为什么不生效
sassImplementationName:“node-sass” 在uni-app中为什么不生效
项目属性 | 值 |
---|---|
产品分类 | uniapp/App |
PC开发环境操作系统 | Windows |
PC开发环境操作系统版本号 | 4.65 |
HBuilderX类型 | 正式 |
HBuilderX版本号 | 4.65 |
手机系统 | Android |
手机系统版本号 | Android 15 |
手机厂商 | 华为 |
手机机型 | 13888888888 |
页面类型 | vue |
vue版本 | vue2 |
打包方式 | 云端 |
项目创建方式 | HBuilderX |
操作步骤:
图上你自己看啊
预期结果:
图上你自己看啊
实际结果:
图上你自己看啊
bug描述:
我手贱啊, 第一次升级已经吃过一次亏了, 配置了很久项目才跑起来, 这次手贱又升级, 项目又挂了
下面几个问题
- 你们重构自己不测试码
- 上次我看社区已经吐槽的不行了, 这次继续
更多关于sassImplementationName:"node-sass" 在uni-app中为什么不生效的实战教程也可以访问 https://www.itying.com/category-93-b0.html
2 回复
node-sass已经被启用了,如果需要使用可以试试node 14版本。我是在这个版本下编译
更多关于sassImplementationName:"node-sass" 在uni-app中为什么不生效的实战教程也可以访问 https://www.itying.com/category-93-b0.html
在uni-app中使用sassImplementationName:"node-sass"
不生效的主要原因如下:
-
uni-app从HBuilderX 3.6.0版本开始已经默认使用dart-sass替代node-sass,这是官方推荐的sass实现方式。
-
如果项目是通过HBuilderX创建的,建议检查以下配置:
- 确保项目根目录的
package.json
中已正确安装node-sass依赖 - 检查
vue.config.js
中是否配置了正确的sass实现
- 解决方案:
- 推荐升级到dart-sass(安装
sass
包) - 如需继续使用node-sass,请确保:
- 已安装node-sass:
npm install node-sass --save-dev
- 在项目根目录创建或修改
vue.config.js
:
module.exports = { css: { loaderOptions: { sass: { implementation: require('node-sass') } } } }
- 已安装node-sass: