????????搭建完vue3+vite+ts項(xiàng)目之后,用vscode打開(kāi)項(xiàng)目,發(fā)現(xiàn) .vue 文件和 main.ts 文件夾下都有紅色破浪線(如下圖所示)。幾番周折終于解決了這個(gè)問(wèn)題。
1. 解決.ts文件報(bào)錯(cuò)
報(bào)錯(cuò)原因:ts不識(shí)別.vue后綴的文件。
解決方式:創(chuàng)建腳手架的時(shí)候,項(xiàng)目的根目錄下會(huì)生成一個(gè)env.d.ts文件,修改文件里面的代碼,在文件里面增加下面的代碼:
declare module "*.vue" {
import { DefineComponent } from "vue"
const component: DefineComponent<{}, {}, any>
export default component
}
2. 解決vue文件波浪線提示
報(bào)錯(cuò)原因:vscode插件 Vetur 不支持最新寫(xiě)法
解決方式:卸載 并 安裝 Volar 插件文章來(lái)源:http://www.zghlxwxcb.cn/news/detail-766260.html
?文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-766260.html
到了這里,關(guān)于vue3+vite+ts項(xiàng)目搭建之后,vscode文件夾下紅色波浪線問(wèn)題的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!