typescript - TypeScript 找不到具有非相对路径“src/xxx”的模块

Question

我遇到了解决打字稿中非相对模块的问题。并尝试baseUrl，paths等等，但它不起作用....

tsconfig.json

{
  "compilerOptions": {
    "allowJs": true,
    "baseUrl": ".",
    "esModuleInterop": true,
    "module": "commonjs",
    "sourceMap": true,
    "strict": true,
    "target": "esnext",
    "typeRoots": ["node_modules/@types"]
 }
}

项目目录：

root
  ├─src
    ├── APIs
    ├── config
    ├── constants
    ├── middlewares
    ├── models
    ├── routes
    ├── services
          - foo.ts   
    ├── utils
    └── app.ts

在app.ts中

import foo from 'src/services/foo'

并运行ts-node src/app.ts.

但是会发生错误：

Cannot find module 'src/services/foo'

Answer 1

最后，我添加paths选项来解决它。

tsconfig.json

{
  "compilerOptions": {
    "baseUrl": ".",
    "esModuleInterop": true,
    "module": "commonjs",
    "moduleResolution": "node",
    "removeComments": true,
    "sourceMap": true,
    "target": "esnext",
    "strict": true,
    "noUnusedLocals": true,
    "paths": {
      "@/*": ["src/*"]
    },
    "typeRoots": ["./src/@types", "./node_modules/@types"]
  },
  "include": ["src/**/*"],
  "exclude": ["node_modules", "**/node_modules/*", "**/*.spec.ts"]
}

在app.ts 中：

import foo from '@/services/foo'

Answer 2

您可能已经有了解决方案，但对于新来者来说，它是。

您将需要添加tsconfig-paths和module-alias

在 package.json

"_moduleDirectories:" ["src]

在 app.ts 中

import 'module-alias/register';

您还需要在根目录中创建 tsconfig-path.js 文件。

const tsConfigPaths = require('tsconfig-paths');
const tsConfig = require('./tsconfig.json');
tsConfigPaths.register({
   baseUrl: tsConfig.compilerOptions.outDir,
   paths: tsConfig.compilerOptions.paths,
})

在 .tsconfig.json 中：

{
"compilerOptions": {
  "baseUrl": "src",
  "paths": {
     "*":["./*"]
  }
},
"exclude": ["node_modules"],
"include": ["./src/**/*.ts"]
}