TypeScript：如何在根目录中添加绝对路径以从中导入文件？

问题描述

我有TS配置：

{
  "compilerOptions": {
    "baseUrl": ".","paths": {
    },"target": "es5","lib": ["dom","dom.iterable","esnext"],"allowJs": true,"skipLibCheck": true,"strict": true,"forceConsistentCasingInFileNames": true,"noEmit": false,"esModuleInterop": true,"module": "esnext","moduleResolution": "node","resolveJsonModule": true,"isolatedModules": true,"jsx": "preserve"
  },"include": ["next-env.d.ts","**/*.ts","**/*.tsx","jest.config.js"],"exclude": ["node_modules",".next","out","build","coverage"]

并希望在根目录中为我的组件之一引用TS文件，这样它更干净：

import React from 'react';
import { withTranslation,Link } from '../../../i18n';

const Header = (): JSX.Element => {
  return (
    <>
      <Flex>
        <Box>
          <Link href="/">HOME</Link>
        </Box>
      </Flex>
    </>
  );
};

export default Header;

如何更新tsconfig以完全引用i18n？

解决方法

假设您的fills_df = pd.Dataframe(api.get_fills()).where(lambda x: x.orderId==orderId).dropna(subset=['orderId]) 文件夹位于根目录中，则可以使用i18n中的paths属性。

More info here

tsconfig

{
  "compilerOptions": {
    "baseUrl": ".","paths": {
       "i18n": ["i18n"]
    },"target": "es5","lib": ["dom","dom.iterable","esnext"],"allowJs": true,"skipLibCheck": true,"strict": true,"forceConsistentCasingInFileNames": true,"noEmit": false,"esModuleInterop": true,"module": "esnext","moduleResolution": "node","resolveJsonModule": true,"isolatedModules": true,"jsx": "preserve"
  },"include": ["next-env.d.ts","**/*.ts","**/*.tsx","jest.config.js"],"exclude": ["node_modules",".next","out","build","coverage"]
}