問題使用 webpack 別名

Question

我的 React-Native 項目越來越大，我有一些像這樣的導入：

import Loading from '../../../../commons/Loading';

所以我決定使用webpack aliases以獲得更好的導入方式，所以我遵循了webpack aliases doc 並創建了jsconfig.json文件並添加了

{
    "compilerOptions": {
      "baseUrl": ".",
      "paths": {
        "commons/*": ["./app/commons/*"]
      }
    }
  }

我的項目的結構。

然后我將同一文件中的import Loading from 'commons/Loading';更改為import Loading from 'commons/Loading';

但它不起作用，它向我顯示錯誤error: Error: Unable to resolve module commons/Loading

任何線索是什么問題？ 或者也許解決方案

Answer 1

{
    "compilerOptions": {
      "module": "commonjs",
      "target": "es6",
      "baseUrl": "./app"      
    }
}

應該可以解決問題。