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

以上就是解决方案。

相关推荐
满怀101510 分钟前
【HTML 全栈进阶】从语义化到现代 Web 开发实战
前端·html
东锋1.321 分钟前
前端动画库 Anime.js 的V4 版本,兼容 Vue、React
前端·javascript·vue.js
满怀101534 分钟前
【Flask全栈开发指南】从零构建企业级Web应用
前端·python·flask·后端开发·全栈开发
小杨升级打怪中1 小时前
前端面经-webpack篇--定义、配置、构建流程、 Loader、Tree Shaking、懒加载与预加载、代码分割、 Plugin 机制
前端·webpack·node.js
Yvonne爱编码1 小时前
CSS- 4.4 固定定位(fixed)& 咖啡售卖官网实例
前端·css·html·状态模式·hbuilder
SuperherRo2 小时前
Web开发-JavaEE应用&SpringBoot栈&SnakeYaml反序列化链&JAR&WAR&构建打包
前端·java-ee·jar·反序列化·war·snakeyaml
大帅不是我2 小时前
Python多进程编程执行任务
java·前端·python
前端怎么个事2 小时前
框架的源码理解——V3中的ref和reactive
前端·javascript·vue.js
Ciito2 小时前
将 Element UI 表格元素导出为 Excel 文件(处理了多级表头和固定列导出的问题)
前端·vue.js·elementui·excel
不爱吃饭爱吃菜3 小时前
uniapp微信小程序一键授权登录
前端·javascript·vue.js·微信小程序·uni-app