vue-cli main.js引入.scss文件报错的原因

// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import router from './router'
import '@/assets/css/mimi.scss'
这里发现使用@符号或者使用./的符号都可以这是因为"node-sass": "^4.12.0",这个版本和为"sass-loader": "^7.0.0",这个版本



Vue.config.productionTip = false

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>'
})

这里要注意新版本的vue-cli的sass-loader为8.0.0这个版本会报下面这样的错误

那么新版本的这个找不到报错的解决方法就是降低版本
1.现在控制台输入下图的代码卸载8.0.0

2.卸载完成以后·在安装sass-loader7.0.0的版本单独去@找个版本

安装完成以后控制台就不会报错了