Vue中如何解決"This dependency was not found"的問題

這篇文章主要為大家展示了“Vue中如何解決"This dependency was not found"的問題”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“Vue中如何解決"This dependency was not found"的問題”這篇文章吧。

在初始化項(xiàng)目中，出現(xiàn)了一個(gè)奇怪的情況：明明路徑是對(duì)的，但是編譯的時(shí)候，一直報(bào)“This dependency was not found”的錯(cuò)。

代碼如下：

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

控制臺(tái)一直報(bào)錯(cuò)，表示無法找到common/stylus/index.styl，然而，路徑是通過ide補(bǔ)全填寫的，不可能出現(xiàn)錯(cuò)誤，那又是為什么？

在網(wǎng)上多番搜索發(fā)現(xiàn)，Vue中的引入文件時(shí)，需要通過./通知編譯器是在當(dāng)前路徑，不然的話，第一個(gè)文件夾名會(huì)被認(rèn)為是webpack配置的alias（別名）。

所以，正確引入index.styl的方式是：

import Vue from 'vue'
import App from './App'
import router from './router'
import './common/stylus/index.styl' // 添加./避免編譯器認(rèn)為是別名
/* eslint-disable no-new */
new Vue({
 el: '#app',
 render: h => h(App)
})

以上是“Vue中如何解決"This dependency was not found"的問題”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！