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

原创于 2019-08-30 17:41:19 发布 · 869 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue #vue-cli #sass

vue 专栏收录该内容

7 篇文章

订阅专栏

本文详细介绍了在使用Vue CLI时遇到的Sass-loader版本问题，特别是在升级到新版本后出现的错误，以及如何通过降低Sass-loader版本来解决这一问题。文章提供了具体的步骤，包括卸载高版本Sass-loader并重新安装指定版本。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// 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/>'
})