快捷導(dǎo)航

Vue中"This dependency was not found"問(wèn)題的解決方法

更新時(shí)間：2018年06月19日 09:42:18 作者：格子熊

這篇文章主要介紹了Vue中"This dependency was not found"的問(wèn)題的解決方法,需要的朋友可以參考下

今天在初始化項(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ò)，表示無(wú)法找到common/stylus/index.styl，然而，路徑是通過(guò)ide補(bǔ)全填寫的，不可能出現(xiàn)錯(cuò)誤，那又是為什么？

在網(wǎng)上多番搜索發(fā)現(xiàn)，Vue中的引入文件時(shí)，需要通過(guò)./通知編譯器是在當(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)
})

總結(jié)

以上所述是小編給大家介紹的Vue中"This dependency was not found"的問(wèn)題的解決方法，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

vue移動(dòng)端的左右滑動(dòng)事件詳解
這篇文章主要為大家詳細(xì)介紹了vue移動(dòng)端的左右滑動(dòng)事件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-06-06
vue如何動(dòng)態(tài)獲取當(dāng)前時(shí)間
這篇文章主要介紹了vue如何動(dòng)態(tài)獲取當(dāng)前時(shí)間問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
2023-12-12
編寫 Vue v-for 循環(huán)的 7 種方式
這篇文章主要分享可編寫 Vue v-for 循環(huán)的 7 種方式，在Vue中，基本上每個(gè)項(xiàng)目都會(huì)用到v-for循環(huán)。它們?cè)试S你在模板代碼中編寫for循環(huán)，接下來(lái)一起看看下面文章的詳細(xì)介紹吧
2021-12-12
Vue 中 a標(biāo)簽上href無(wú)法跳轉(zhuǎn)的解決方式
今天小編大家分享一篇Vue 中 a標(biāo)簽上href無(wú)法跳轉(zhuǎn)的解決方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2019-11-11
vue element后臺(tái)鑒權(quán)流程分析
這篇文章主要介紹了vue element后臺(tái)鑒權(quán)流程分析,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2021-04-04
Vue3 + ElementPlus動(dòng)態(tài)合并數(shù)據(jù)相同的單元格的完整代碼
文章介紹了如何使用ElementPlus的Table組件動(dòng)態(tài)合并單元格,適用于后臺(tái)數(shù)據(jù)返回格式動(dòng)態(tài)且沒(méi)有規(guī)律的場(chǎng)景,包括數(shù)據(jù)處理和按鈕操作,文章還附帶了效果圖和代碼詳解,希望能對(duì)大家有所幫助,感興趣的朋友跟隨小編一起看看吧
2025-02-02
vue3路由跳轉(zhuǎn)params傳參接收不到的解決辦法
這篇文章主要給大家介紹了關(guān)于vue3路由跳轉(zhuǎn)params傳參接收不到的解決辦法,Vue3是目前前端開(kāi)發(fā)中非常流行的框架之一,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2023-06-06
el-form組件使用resetFields重置失效的問(wèn)題解決
用el-form寫了包含三個(gè)字段的表單,使用resetFields方法進(jìn)行重置,發(fā)現(xiàn)點(diǎn)擊重置或要清空校驗(yàn)時(shí)是失效的,所以本文給大家介紹了el-form組件使用resetFields重置失效的問(wèn)題解決,需要的朋友可以參考下
2023-12-12
如何使用Vue mapState快捷獲取Vuex state多個(gè)值
這篇文章主要為大家介紹了如何使用Vue mapState快捷獲取Vuex state多個(gè)值實(shí)現(xiàn)詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-06-06
vue2.0實(shí)現(xiàn)分頁(yè)組件的實(shí)例代碼
這篇文章主要介紹了vue2.0實(shí)現(xiàn)分頁(yè)組件的實(shí)例代碼,需要的朋友可以參考下
2017-06-06