Vue項目在main.js 中引用css文件出錯

main.js

import Vue from 'vue'
import App from './App'
import router from './router'
import Vuex from 'vuex'
import store from 'vuex'
import "./assets/reset.css"

Vue.config.productionTip = false
Vue.use(Vuex)

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

錯誤信息

This relative module was not found:

* ./assets/reset.css in ./src/main.js
Error from chokidar (C:\): Error: EBUSY: resource busy or locked, lstat 'C:\hiberfil.sys'
Error from chokidar (C:\): Error: EBUSY: resource busy or locked, lstat 'C:\pagefile.sys'
Error from chokidar (C:\): Error: EBUSY: resource busy or locked, lstat 'C:\swapfile.sys'

嘗試過刪除node_modules, 升級npm,都沒有解決問題。后來發現是因為在引入stylus-loader的時候，在build/webpack.base.conf.js的

rules里，添加以下面的配置

  {
        test: /\.css$/,
        loader: 'style-loader!css-loader!stylus-loader'
  }

 

刪掉就行。