iT邦幫忙

0

react jsconfig 無法使用Paths

  • 分享至 

  • xImage

我想問一下路徑,我設定好jsconfig之後,使用自己設定的paths後一直顯示
Module not found: Error: Can't resolve
我ctrl按著我設定的路徑是有連結到我要的檔案
所以想請問一下到底我為什麼不能使用我自己寫的paths
下面是我設定的jsconfig的code

{
  "compilerOptions": {
    "target": "esnext",
    "module": "commonjs",
    "experimentalDecorators": true,
    "baseUrl": "./",
    "paths": {
      "@/*": ["src/*"]
    }
  },
  "exclude": ["node_modules", "dist"]
}

https://ithelp.ithome.com.tw/upload/images/20220529/20136928hiaCnDFkrY.png

harry xie iT邦研究生 1 級 ‧ 2022-05-29 23:47:03 檢舉
終端機重跑試試看
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 個回答

0
listennn08
iT邦高手 5 級 ‧ 2022-05-30 15:20:57
最佳解答

CRA 沒有預設支援路徑別名吧
雖然最近釋出 v5 版本不過看起來還是沒有支援,如果有錯還請糾正
官方推薦使用 eject 去執行客製的 webpack 修改
或者可以使用 react-app-rewired 去覆寫 CRA 的 config
或是使用 Vite 去建立 react 專案

好喔,我已經把網路的一些方法都試過,就是沒辦法,我會試試你推薦的

0
小小前端
iT邦新手 5 級 ‧ 2022-05-30 10:05:56

新增一個tsconfig.base.json
https://ithelp.ithome.com.tw/upload/images/20220530/20127444BSnRZiNhAf.png

在tsconfig加上extends
https://ithelp.ithome.com.tw/upload/images/20220530/20127444aKSgBrI203.png

理論上就會有了 如果不行vscode重開

(在tsconfig加上extends),我沒有tsconfig檔案,我目前就是從create-react-app之後,直接設定jsconfig

我要發表回答

立即登入回答