vue脚手架中使用sass报错

Question

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

Answer 1

有几个思路：

1、 将<style>标签引入的样式文件放在项目入口main.js中引入

// main.js
import '../static/theme.scss'

2、 将所有需要的依赖重新确认一遍（这个很重要，可能因为漏了导致错误，毕竟提示是依赖缺失）

Answer 2

首先需要确认 安装 sass

             npm install --save-dev sass-loader
             npm install --save-dev node-sass
             

然后其实只要在main.js中利用import就可以引入
import '../static/css/node.scss'

Answer 3

为啥style 标签用src 你直接@import