ts-node＆＃x27; module_not_found＆＃x27;在打字稿中使用绝对导入时

Question

我偶然发现了一个绝对导入的问题。存储库可在此处公开可用： https：//github.com/repetitioestmatioestmaterestmaterestmatestmaterestmaterestmatudiorum/ts-boiler

我正在尝试导入具有绝对路径的文件（相对于项目目录），然后执行npm Run Dev或NPM运行TS-Node ts-node src/index.ts i我会收到以下错误：（

Error: Cannot find module '/src/constants'
Require stack:
- /Users/<my-username>/<some-path>/ts-boiler/src/index.ts
    at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15)
    at Function.Module._resolveFilename.sharedData.moduleResolveFilenameHook.installedValue [as _resolveFilename] (/Users/<my-username>/<some-path>/ts-boiler/node_modules/@cspotcode/source-map-support/source-map-support.js:811:30)
    at Function.Module._load (node:internal/modules/cjs/loader:778:27)
    at Module.require (node:internal/modules/cjs/loader:1005:19)
    at require (node:internal/modules/cjs/helpers:102:18)
    at Object.<anonymous> (/Users/<my-username>/<some-path>/ts-boiler/src/index.ts:1:1)
    at Module._compile (node:internal/modules/cjs/loader:1105:14)
    at Module.m._compile (/Users/<my-username>/<some-path>/ts-boiler/node_modules/ts-node/src/index.ts:1597:23)
    at Module._extensions..js (node:internal/modules/cjs/loader:1159:10)
    at Object.require.extensions.<computed> [as .ts] (/Users/<my-username>/<some-path>/ts-boiler/node_modules/ts-node/src/index.ts:1600:12) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [ '/Users/<my-username>/<some-path>/ts-boiler/src/index.ts' ]
}

出于隐私原因，我的用户名和文件夹结构被混淆）

相对导入，例如从'./constants'内部的import {c} import。 TS 工作正常。将其更改为从'/src/startants'或import> import> import {c}从'src/constants'带有相应的tsconfig.json < /代码>设置，我会收到错误。 到导入时，也会发生同样的错误）

（当我附加.js或.ts ：

"baseUrl": ".",
"paths": {
    /* Support absolute imports with a leading '/' */
    "/*": ["*"]
},

我通常与Meteorjs合作，最近遵循教程进行混音（要了解框架）。这两个框架都鼓励绝对导入，我将它们的两个tsconfig.json文件复制到我的项目中（在混音的设置中添加〜）来尝试查看他们的配置对我有用 - 无成功！

我还考虑了如何启用绝对导入的内容： https://javascript.plainenglish.io/why-and-how-to-so-so-sosolute-imports-imports-in-react-d5b52f24d53c 导致相同的错误。

对我来说更令人困惑的是，配置了ESLINT的VSCODE并不抱怨tsconfig.json文件中具有正确设置的绝对导入。

奇怪的是，有一个导入使用一个绝对路径，可以在项目内部使用相同的设置在项目内部运行良好：从'/types/t.constants'中导入类型{常数{常数}。它还可以使用“类型”，例如从'/types/t.constants'导入{常数}。可能是因为导入的文件不在“ src/”中，而是在“ type/”中？

也许有人解决了一次类似的问题？

Answer 1

经过更多的研究，我在这里找到了答案： https://medium.com/@fmoessle/typescript-paths-with-with-node-node-node-ts-node-node-dev-and-jest-671deacf6428

我案中需要的是npm i -d tsconfig-paths，然后将以下内容添加到我的tsconfig.json：

"ts-node": {
    "require": ["tsconfig-paths/register"]
}

有关此的更多信息： https://github.com/typestrong/ts-node#paths-and-baseurl

从src/code>目录工作中，将绝对导入到jest tests中的目录好吧，我需要将以下内容添加到jest.config.ts：

moduleNameMapper: {
    '/src/(.*)': '<rootDir>/src/$1',
},