Vue中"This dependency was not found"問題的解決方法
今天在初始化項目中,出現(xiàn)了一個奇怪的情況:明明路徑是對的,但是編譯的時候,一直報“This dependency was not found”的錯。
代碼如下:
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補(bǔ)全填寫的,不可能出現(xiàn)錯誤,那又是為什么?
在網(wǎng)上多番搜索發(fā)現(xiàn),Vue中的引入文件時,需要通過./通知編譯器是在當(dāng)前路徑,不然的話,第一個文件夾名會被認(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"的問題的解決方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
- 詳解Vue This$Store總結(jié)
- 淺談vue方法內(nèi)的方法使用this的問題
- vue this.reload 方法 配置
- 解決vue.js this.$router.push無效的問題
- Vue.set() this.$set()引發(fā)的視圖更新思考及注意事項
- 解決vue this.$forceUpdate() 處理頁面刷新問題(v-for循環(huán)值刷新等)
- Vue中this.$router.push參數(shù)獲取方法
- 對vue.js中this.$emit的深入理解
- vue使用axios時關(guān)于this的指向問題詳解
- vue列表單項展開收縮功能之this.$refs的詳解
相關(guān)文章
Vue 頁面狀態(tài)保持頁面間數(shù)據(jù)傳輸?shù)囊环N方法(推薦)
vue router給我們提供了兩種頁面間傳遞參數(shù)的方式,一種是動態(tài)路由匹配,一種是編程式導(dǎo)航,接下來通過本文給大家介紹Vue 頁面狀態(tài)保持頁面間數(shù)據(jù)傳輸?shù)囊环N方法,需要的朋友可以參考下2018-11-11前端使用vue實現(xiàn)token無感刷新的三種方案解析
這篇文章主要為大家介紹了前端使用vue實現(xiàn)token無感刷新的三種方案詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-06-06elementUI樣式修改未生效問題詳解(掛載到了body標(biāo)簽上)
vue+elementUI項目開發(fā)中,經(jīng)常遇到修改elementUI組件樣式無效的問題,這篇文章主要給大家介紹了關(guān)于elementUI樣式修改未生效問題的相關(guān)資料,掛載到了body標(biāo)簽上,需要的朋友可以參考下2023-04-04