TypeScript匯入檔案找不到模組問題“can not find module”

在main。ts檔案中匯入vue檔案，顯示找不到“。/App。vue”模組

報錯情況 由於TypeScript只能識別。ts檔案，不能識別。vue檔案1。建立xxx。d。ts檔案

//shims-vue。d。ts declare module ‘*。vue’ { import { ComponentOptions } from ‘vue’ const componentOptions： ComponentOptions export default componentOptions }

這樣子ts就可以識別vue，把xxx。d。ts檔案開啟然後關閉，報錯提示就消失了。一旦重啟報錯就又出來了，如果覺得麻煩的可以參考第二種方法。2。使用tsc ——init命令1。安裝node。js 2。全域性安裝typescript

npm install -g typescript tsc -v //檢視是否安裝成功，版本號

3。進入檔案目錄，執行tsc ——init命令

tsc ——init //這是生成一個tsconfig。json檔案

把 tsconfig。json 的內容改為如下內容

{“compilerOptions”： { “target”： “esnext”， “module”： “esnext”， “strict”： false， “jsx”： “preserve”， “moduleResolution”： “node” } }