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

 

删掉就行。