解决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>

以上就是解决方案。

相关推荐
海天胜景3 分钟前
vue3 el-table 右击
javascript·vue.js·elementui
一天睡25小时16 分钟前
前端性能优化面试回答技巧(一)
前端·面试
樊小肆16 分钟前
Vue3 在线 PDF 编辑 2.0 缩放拖拽、渲染优化功能解析
前端·vue.js·开源
程序员韩立16 分钟前
精通 React Hooks:从核心技巧到自定义实践
前端
WEI_Gaot18 分钟前
React Hooks useRef useId
前端·react.js
一天睡25小时19 分钟前
视频HLS分片与关键帧优化深度解析
前端·javascript
孤鸿玉19 分钟前
[Flutter小试牛刀] 低配版signals,添加多层监听链
android·前端·响应式设计
漫漫漫丶20 分钟前
基于Node+HeadlessBrowser的浏览器自动化方案
前端
WEI_Gaot20 分钟前
React Hooks useContext useReducer
前端·react.js
用户20311966009622 分钟前
空合并运算符
前端·后端