Typescript中使用引用路徑別名報錯的解決方法
在TS中引用路徑別名提示找不到模塊或者相應的聲明
1.ts中使用路徑別名報錯
在react中通常路徑別名都是在webpack的webpack.config.js文件中配置的,但是在引入瞭ts之後,webpack中的路徑別名引用失效瞭
此時我們需要在跟src文件同級目錄的tsconfig.json文件中添加配置:
註意要在compilerOptions中添加(webpack中的路徑也需要配置)
"compilerOptions": { "target": "es6" /**指定ECMAScript目標版本**/, "module": "commonjs" /**指定生成哪個模塊系統代碼**/, "allowJs": true /**允許編譯js文件**/, "jsx": "preserve" /**支持JSX**/, "outDir": "build" /**編譯輸出目錄**/, "strict": true /**啟用所有嚴格類型檢查選項**/, "noImplicitAny": false /**在表達式和聲明上有隱含的any類型時報錯**/, "skipLibCheck": true /**忽略所有的聲明文件的類型檢查**/, "forceConsistentCasingInFileNames": true /**禁止對同一個文件的不一致的引用**/, "allowSyntheticDefaultImports": true /**允許使用import方式導入**/, "baseUrl": ".", //paths路勁解析起點 "paths": { "@constant/*": ["src/constants/*"] // 路勁別名配置 } },
到此這篇關於Typescript中使用引用路徑別名報錯的解決方法的文章就介紹到這瞭,更多相關Typescript 引用路徑別名報錯內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet!
推薦閱讀:
- React+TypeScript進行項目構建案例講解
- TypeScript泛型參數默認類型和新的strict編譯選項
- 使用Typescript開發微信小程序的步驟詳解
- vue項目中 jsconfig.json概念及使用步驟
- 解決React報錯Cannot find namespace context