今天在開發(fā)過程中碰到了導(dǎo)入模塊時提示無法找到模塊這個問題,分享一下我的解決思路
首先產(chǎn)生這個錯誤是:無法找到模塊XXX,并且提示'XXX' is declared but its value is never read
產(chǎn)生這個問題的原因是我們使用了ts語法,他只能識別.ts文件,并不能識別.vue文件,所以在引入組件的時候報錯了
注意:這個錯誤并不影響代碼的正常運行,只是在編寫代碼時,import xxx from 'xxx'會一直飄紅,很影響觀感
這里提供一種解決方案如下:
在項目的根目錄下創(chuàng)建一個xxx.d.ts文件,文件名自定義即可,后綴必須是.d.ts
在剛剛創(chuàng)建的文件中輸入一下代碼文章來源:http://www.zghlxwxcb.cn/news/detail-510519.html
declare module '*.vue' {
import { ComponentOptions } from 'vue'
const componentOptions: ComponentOptions
export default componentOptions
}
保存代碼,并且重啟項目,這樣令人不悅的紅色就會消失啦文章來源地址http://www.zghlxwxcb.cn/news/detail-510519.html
到了這里,關(guān)于vite+vue3+ts項目中提示無法找到模塊的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!