絕對進口ReactJS

Question

我最近創建了一個 ReactJS 應用程序，但是，我無法讓 babel 模塊解析器工作。 我沒有使用 CRA 啟動項目，而是使用 npm init。

我得到的錯誤是

 Module not found: Error: Can't resolve '@src/components/Component' in '/Users/path/to/app/src'

這是我的 babel.config ts：

 module.exports = { presets: ['@babel/preset-env', '@babel/react'], plugins: [ [ 'module-resolver', { extensions: ['.ts', '.tsx', '.js'], root: ['.'], alias: { '@src': './src', } } ] ] };

在我的 tsconfig.json 中，我還添加了以下幾行：

 "paths": { "@src/*": ["./src/*"] }, "include": ["src"]

這是我的 package.json 開發依賴項中的 babel 模塊求解器版本：

 "babel-plugin-module-resolver": "^4.1.0",

有誰知道如何解決這個問題？

Answer 1

如果有人遇到類似問題，我設法通過使用 webpack 進行絕對導入來使其工作，並且我放棄了 babel-module-resolver。

我剛剛在我的 webpack.config.ts 中添加了以下內容：

    resolve: {
            extensions: ['.ts', '.tsx', '.js'],
            alias: {
                '@src': path.resolve(__dirname, 'src/'),
            }
    }

以及我在上面發布的 tsconfig 的另一部分。