vue脚手架中使用sass报错

Question

在vue的脚手架目录里，app.vue文件引入一个sass文件
<style rel="stylesheet/scss" src="../static/theme.scss"></style>
报错如上图，我的node_modules文件夹内是有loader包的，求大神搭救，在线等很着急！！！

Answer 1

首先需要确认 安装 sass&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;npm&nbsp;install&nbsp;--save-dev&nbsp;sass-loader &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;npm&nbsp;install&nbsp;--save-dev&nbsp;node-sass然后其实只要在main.js中利用import就可以引入import '../static/css/node.scss'

Answer 2

有几个思路：1、 将<style>标签引入的样式文件放在项目入口main.js中引入//&nbsp;main.js import&nbsp;'../static/theme.scss'2、 将所有需要的依赖重新确认一遍（这个很重要，可能因为漏了导致错误，毕竟提示是依赖缺失）