解决vue-cli node-sass安装不成功问题

在项目中安装 vue-cli node-sass不成功解决办法如下:

复制代码
npm install node-sass --save 

若以上方式安装不成功(安装超时),

则使用以下的方法:

复制代码
npm install -g cnpm --registry=https://registry.npm.taobao.org
复制代码
cnpm install node-sass --save

(若安装完成之后报Cannot find module 'node-sass'的错误请使用:

复制代码
cnpm install node-sass@latest

打开文件:webpack.base.config.js

复制代码
webpack.base.config.js 
{     
 test: /\.scss$/,      
 loaders: ["style", "css", "sass"]  
 },    

在样式中引入scss:

复制代码
<style lang="scss" scoped type="text/css"></style>

以上就是解决方案。

相关推荐
anOnion15 小时前
构建无障碍组件之Menu Button pattern
前端·html·交互设计
用户479492835691516 小时前
claude Fable用不了?把Gpt 5.5pro接到你的claude code里
前端·后端
zhangxingchao18 小时前
Kotlin常用的Flow 操作符整理
前端
IT_陈寒20 小时前
React的useState居然还有这种坑?我差点删库跑路
前端·人工智能·后端
Pedantic21 小时前
SwiftUI 手势笔记
前端·后端
橙子家21 小时前
浏览器缓存之【结构化数据库与缓存】: IndexedDB、Cache storage 和 Storage buckets
前端
user205855615181321 小时前
X6 中边悬浮置顶,规避 `mouseleave` 事件丢失问题
前端
李明卫杭州21 小时前
CSS aspect-ratio 属性完全指南
前端
Pedantic1 天前
SwiftUI 手势层级(Gesture Hierarchy)详解
前端