Babel 模块解析器无法按预期工作（节点 + 打字稿）

Posted 2023-03-27

【中文标题】Babel 模块解析器无法按预期工作（节点 + 打字稿）

【英文标题】：Babel module resolver doesn't work as expected (node + typescript)

【发布时间】：2021-06-13 14:20:04

【问题描述】：

在我的节点项目中，我使用 babel-plugin-module-resolver 来获得相对路径。

tsconfig.json

  "compilerOptions": 
    "outDir": "build",
    "target": "es5",                          
    "module": "commonjs",                     
    "strict": true,     
    "noEmit": true,                    
    "esModuleInterop": true,                 
    "skipLibCheck": true,                    
    "forceConsistentCasingInFileNames": true,  
    "baseUrl": "./src",
    "paths": 
      "constants/*": ["constants/*"],
      "data/*": ["data/*"],
      "database/*": ["database/*"],
      "enums/*": ["enums/*"],
      "features/*": ["features/*"],
      "@library/*": ["library/*"],
    
  

.eslintrc

  "parser": "@typescript-eslint/parser",
  "extends": ["plugin:@typescript-eslint/recommended"],
  "parserOptions": 
    "ecmaVersion": 2018,
    "sourceType": "module"
  ,
  "settings": 
    "import/resolver": 
      "babel-module": 
    
  ,
  "rules": 
    "semi": ["warn", "always"],
    "quotes": ["warn", "single"],
    "max-len": ["warn", 150],
    "no-console": 1,
    "@typescript-eslint/explicit-function-return-type": "off",
    "@typescript-eslint/no-explicit-any": 0,
    "@typescript-eslint/no-inferrable-types": [
      "warn", 
        "ignoreParameters": true
      
    ]
  

.babelrc

  "presets": [
    "@babel/preset-typescript",
    "@babel/preset-env"
  ],
  "plugins": [ 
    [
      "module-resolver",
      
        "alias": 
          "config": "./src/config",
          "constants": "./src/constants",
          "data": "./src/data",
          "enums": "./src/enums",
          "features": "./src/features",
          "library": "./src/library",
          "middleware": "./src/middleware",
          "utils": "./src/utils"
        
      
    ] 
  ]

当我导入文件时，它不会显示任何错误。可以通过单击导入路径移动到特定文件。但是当它遵守时，它会给出以下错误。

如何解决这个问题？？

【问题讨论】：

您的 tsconfig “paths” 和 babel config “alias” 字段似乎不匹配。如果您在库文件夹中编辑 .babelrc 中的条目以添加 @，会发生什么情况？ "@library": "./src/library", 只有从 @library 导入有问题，还是还有其他有问题的导入？

关于ts-node和paths的详细讨论请参见github.com/TypeStrong/ts-node/issues/138

【参考方案1】：

看起来您的 TS 配置文件的 paths 和 Babel 配置文件的 alias 字段不匹配。正如@jered 在问题 cmets 中指出的那样，尝试在有问题的导入上添加 @ 前缀。

根据@pasi 所说，您还可以看到https://github.com/TypeStrong/ts-node/issues/138 进行关于ts-node 和paths 的长时间讨论。