javascript - 在 typescript 中导入文件的正确方法是什么？

Question

过去，在导入 javascript 文件时，您将文件命名为 index.js，然后像这样导入

从“components/path/something”导入某些内容，其中最后一个内容是包含 index.js 文件的目录

但是对于 TS，我收到一条错误消息:当我将文件名切换为 index.ts

时没有文件或目录

到目前为止有 2 个解决方案 从 'components/path/something/index.ts' 导入某些内容

或

从“components/path/something/something”导入某些内容

都不是这两者的忠实粉丝，有更好的方法吗？

Answer 1

没有正确的方法:

导入通常是相对的:

import whatever from '../another/folder/'; // will import index

当然，您可以在 tsconfig.json 中调整此行为:

{
  ....
  "compilerOptions": {
    "baseUrl": "src",
    "paths": {
      "@services/*": ["services/*"],
      "@shared/*": ["shared/*"],
      "@models/*": ["models/*"],
    },
    ...
  }
}

为您提供“绝对项目路径”:

import WhateverService from '@services/WhateverService';

https://www.typescriptlang.org/docs/handbook/modules.html