解決Vue中"This dependency was not found"的方法

今天在初始化項目中,出現了一個奇怪的狀況:明明路徑是對的,可是編譯的時候,一直報「This dependency was not found」的錯。
代碼以下:vue

import Vue from 'vue'
import App from './App'
import router from './router'

import 'common/stylus/index.styl'

/* eslint-disable no-new */
new Vue({
  el: '#app',
  render: h => h(App)
})

控制檯一直報錯,表示沒法找到common/stylus/index.styl,然而,路徑是經過ide補全填寫的,不可能出現錯誤,那又是爲何?webpack

屢次測試發現,Vue中的引入文件時,須要經過./通知編譯器是在當前路徑,否則的話,第一個文件夾名會被認爲是webpack配置的alias(別名)。web

因此,正確引入index.styl的方式是:app

import Vue from 'vue'
import App from './App'
import router from './router'

import './common/stylus/index.styl' // 添加./避免編譯器認爲是別名

/* eslint-disable no-new */
new Vue({
  el: '#app',
  render: h => h(App)
})
相關文章
相關標籤/搜索