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

以上就是解决方案。

相关推荐
林太白5 分钟前
Zustand状态库(简洁、强大、易用的React状态管理工具)
前端·javascript·react.js
Juchecar9 分钟前
Vue3 模板引用 useTemplateRef 详解
前端·vue.js
鼓浪屿11 分钟前
vue3的组件通信方式
前端
念旧Zestia29 分钟前
Oxc 家族 vs Biome——定位、能力与底层差异综述
前端
YuJie30 分钟前
vue3 无缝滚动
前端·javascript·vue.js
Juchecar30 分钟前
Vue3 表单输入 v-model 指令详解
前端·vue.js
晴空雨38 分钟前
Emmet 完全指南:让 HTML/CSS 开发效率提升 10 倍
前端·html
小野鲜40 分钟前
前端打开新的独立标签页面,并且指定标签页的大小,管理新标签页面的打开和关闭(包含源码和使用文档)
前端·javascript
一枚前端小能手41 分钟前
🌐 Web应用也想有原生App的体验,PWA来实现
前端·pwa
十五_在努力1 小时前
参透 JavaScript —— 解析浅拷贝、深拷贝及手写实现
前端·javascript