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!

推薦閱讀: