一、文章引導(dǎo)
二、博主簡(jiǎn)介
??博客首頁(yè)： 水香木魚(yú)
??專(zhuān)欄收錄：后臺(tái)管理系統(tǒng)
??文章摘要：vue ?typescript?vite
??木魚(yú)寄語(yǔ)：故木秀于林，風(fēng)必摧之；堆出于岸，流必湍之；行高于人，眾必非之。
三、文章內(nèi)容
①、編輯vite-env.d.ts 文件
提示找不到模塊問(wèn)題 ??
解決方案： 在src目錄下， vite-env.d.ts文件內(nèi)新增如下代碼：
//vite-env.d.ts
/// <reference types="vite/client" />
declare module "*.vue" {
import { DefineComponent } from "vue";
// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
const component: DefineComponent<{}, {}, any>;
export default component;
}
// 環(huán)境變量 TypeScript的智能提示
interface ImportMetaEnv {
VITE_APP_TITLE: string;
VITE_APP_PORT: string;
VITE_APP_BASE_API: string;
}
interface ImportMeta {
readonly env: ImportMetaEnv;
}
②、配置*.ts
在
tsconfig.json文件中include內(nèi) 新增“*.ts”
"include": [
"src/**/*.ts",
"src/**/*.d.ts",
"src/**/*.tsx",
"src/**/*.vue",
"*.ts"
],
多級(jí)選目錄時(shí)不報(bào)錯(cuò)配置 (可選配置)，同樣在include 內(nèi) 配置
"src/**/*.ts",
③、遇到問(wèn)題
注意：此時(shí)會(huì)出現(xiàn)一個(gè)問(wèn)題，提示：無(wú)法在 "--isolatedModules" 下編譯“d.ts”，因?yàn)樗灰暈槿帜_本文件。請(qǐng)?zhí)砑訉?dǎo)入、導(dǎo)出或空的 "export {}" 語(yǔ)句來(lái)使它成為模塊。
將
compilerOptions中isolatedModules 狀態(tài)改為false
"isolatedModules": false,
即可解決 找不到模塊 問(wèn)題！
四、程序語(yǔ)錄
五、精彩推薦
??前端獲取當(dāng)前系統(tǒng)時(shí)間/日期(vue寫(xiě)法)
??vue實(shí)現(xiàn)圖片預(yù)覽功能，提高你的開(kāi)發(fā)效率
??vue后臺(tái)管理做適配的最佳方案，你知道嗎
??前端引入阿里圖標(biāo)庫(kù)的最便捷方式
??vue時(shí)間格式處理(YYYY-MM-DD HH:mm:ss)moment.js，神器你知道嗎？文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-637552.html
本篇博客文章模板唯一版權(quán)歸屬?水香木魚(yú)文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-637552.html
到了這里，關(guān)于前端vue中ts無(wú)法識(shí)別引入的vue文件,提示找不到xxx.vue模塊的解決【引入新建頁(yè)面或者通過(guò)router引入時(shí)報(bào)錯(cuò)】的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
