1.?添加 Vue 聲明文件

如果您還沒有為 .vue 文件創建類型聲明，可以通過創建一個新的類型聲明文件來解決該問題。

步驟：

1. 在您的項目根目錄下創建一個名為?shims-vue.d.ts?的文件（您可以選擇其他名稱，但建議使用常見名稱以便于識別）。
2. 在這個文件中，添加以下內容：

typescript復制代碼

declare module '*.vue' { import { DefineComponent } from 'vue'; const component: DefineComponent<{}, {}, any>; export default component; }

這段代碼告訴 TypeScript 如何處理 .vue 文件，使其能夠正確識別 Vue 組件。

2.?確保 TypeScript 配置正確

確認您的 tsconfig.json 配置文件中含有以下選項：

json復制代碼

{ "compilerOptions": { "strict": true, "esModuleInterop": true, "skipLibCheck": true, "allowJs": true, // 如果你也使用 JS 文件 "jsx": "preserve", // 如果你使用 JSX "baseUrl": "./", "paths": { "@/*": ["src/*"] // 如果需要配置路徑別名 }, ... }, "include": [ "src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue" // 確保包括 .vue 文件 ] }

3.?檢查文件結構

確保 ditu.vue 文件確實存在于指定路徑：E:/djwork/新建文件夾/djOfficial/src/components/homeComponents/ditu.vue。如果文件名或路徑有誤，會導致 TypeScript 無法找到該模塊。

4.?重啟開發服務器

在進行以上修改后，請確保重啟您的開發服務器，這樣 TypeScript 才能重新讀取配置和類型聲明文件。

不建議這么做，會生成一些js文件我也不是很理解原理，但是確實打包成功了。有知道原理的可以評論區討論。