标签: tsconfig-paths

我正在运行 VS Code，目前正在尝试在我的打字稿项目上设置一些别名。

我的开发设置依赖于 nodemon 和 ts-node，代码被编译到一个 dist 文件夹。

到目前为止，我成功地让 Typescript Hero 使用别名来管理导入：

到目前为止，我的文件夹结构是：

.
??? src
  ???modules
  ?????Category
  ?????Ressource
  ???shared
  ?????debug

// tsconfig.json
{
    "compilerOptions": {
        "module": "commonjs",
        "moduleResolution": "node",
        "pretty": true,
        "sourceMap": true,
        "target": "es6",
        "outDir": "./dist",
        "baseUrl": "./src",
        "paths": {
            "@shared/*": [
                "shared/*"
            ],
            "@modules/*": [
                "modules/*"
            ]
        },
        "resolveJsonModule": true,
        "esModuleInterop": true
    },
    "include": [
        "src/**/*.ts"
    ],
    "exclude": [
        "node_modules",
        "**/*.spec.ts",
        "**/*.test.ts",
    ]
}

这是第一个失败的别名导入。

//Server.ts file
import Print from '@shared/debug/Print.class';
import App from './App';

const …

我有一个 tsconfig.json 文件包含

{
  "extends": "../../zlux-app-manager/virtual-desktop/plugin-config/tsconfig.base.json",
  "include": [
    "src/**/*.ts",
    "../../zlux-platform/interface/src/mvd-hosting.d.ts"
  ],
  "compilerOptions": {
    "skipLibCheck": true
  }
}

我想用环境变量替换../../ 。可能的解决方案有哪些？

我正在尝试使用无服务器框架将 Node.js 应用程序部署到 Lambda，但是，我的 Node 代码使用 tsconfig.json 中的路径来引用导入，但无服务器部署过程失败。如何连接 serverless.yml 来确认并使用 tsconfig.json 中定义的路径？

我已经安装了 serverless-plugin-typescript，但它似乎无法识别 tsconfig 中的路径。

无服务器.yml

service:
  name: app-name

custom:
  webpack:
    webpackConfig: ./webpack.config.js
    includeModules: true

plugins:
  - serverless-webpack
  - serverless-plugin-typescript

...

tsconfig.ts

{
  "compileOnSave": true,
  "compilerOptions": {
    "lib": [
      "es2017"
    ],
    "baseUrl": "./src",
    "declaration": true,
    "downlevelIteration": true,
    "esModuleInterop": true,
    "forceConsistentCasingInFileNames": true,
    "module": "commonjs",
    "moduleResolution": "node",
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "outDir": "./dist",
    "paths": {
      "@config/*": [
        "config/*"
      ],
      "@core/*": [
        "core/*"
      ],
      "@infra/*": [
        "infra/*"
      ],
      "@modules/*": [
        "modules/*"
      ], …

我正在尝试为我的 Angular 模块创建简短的导入。

以下是我在 tsconfig.base.json 文件中修改的内容。

{
  "compileOnSave": false,
  "compilerOptions": {
    "importHelpers": true,
    "outDir": "./dist/out-tsc",
    "baseUrl": "",
    "sourceMap": true,
    "declaration": false,
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "target": "es5",
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "es2017",
      "dom",
      "esnext"
    ],
    "module": "esnext",
    "paths": {
      "@asfc/shared": ["projects/asfc-shared/src"],
      "@asfc/shared/*": ["projects/asfc-shared/*"],
      "@asfc/shared/global": ["projects/asfc-shared/src/lib/global"],
      "@asfc/shared/global/*": ["projects/asfc-shared/src/lib/global/*"],
      "@asfc/shared/tagging": ["projects/asfc-shared/src/lib/tagging"],
      "@asfc/shared/tagging/*": ["projects/asfc-shared/src/lib/tagging/*"],
      "@asfc/shared/testing": ["projects/asfc-shared/src/lib/testing"]
    },
  "exclude": [
    "tools"
  ]
}

模块路径：projects/asfc-shared/src/public_api.ts

export * from './lib/global/index';
export * from './lib/tagging/index';
export * from './lib/testing/index';
export * from …

我想将共享的通用代码放入私有的 npm 注册表中。

使用下面的命令和 tsconfig 一直工作得很好，直到我想通过发布到 npm 注册表使一个项目依赖于另一个项目。

我有几个文件夹和很多文件，所以我使用路径和 tsconfig-paths （导入看起来很干净，例如import { Repo } from "adapters/api/repository";）。

常见项目可以自行正确构建，但是一旦发布并用作依赖项，当我构建使用它的项目时，它就会出现构建错误。

共同项目；构建良好：与rm -rf dist && tsc --sourceMap -p ./ && cp tsconfig.json dist/ && cp .env dist/.

包的文件结构为：

dist
  src
    adapters
      api
        repository.d.ts
        repository.js
     ...
    application
      interfaces
        interfaceA.d.ts
        interfaceA.js
      ...
    ...
    index.d.ts
    index.js
  tsconfig.json

哪里src/adapters/api/repository.ts：

import { InterfaceA } from "application/interfaces/interfaceA";
export interface ApiRepository {
    property: InterfaceA;
    ...
}

tsconfig.json：

{
  "compilerOptions": {
    "baseUrl": ".",
    "lib": [
      "es2016" …

如何使用 typescript 设置路径以与 ts-node 一起运行？然后编译的时候把路径编译成绝对路径？

我有以下非常小的结构：

koki.ts：

export const calculate = (a: number, b: number) => {
  return a + b;
};

index.ts：

import { calculate } from "@koki/koki";

const result = calculate(1, 2);
console.log(result);

tsconfig.json：

{
  "ts-node": {
    "transpileOnly": true,
    "require": ["tsconfig-paths/register"]
  },
  "compilerOptions": {
    "target": "es2017",
    "module": "commonjs",
    "lib": ["dom", "es6", "es2017", "esnext.asynciterable"],
    "skipLibCheck": true,
    "sourceMap": true,
    "outDir": "./dist",
    "moduleResolution": "node",
    "removeComments": true,
    "noImplicitAny": true,
    "strictNullChecks": true,
    "strictFunctionTypes": true,
    "noImplicitThis": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true, …

这是一个奇怪的错误。所以我把 jest 更新到 27 然后全部停止工作

导入路径似乎有问题。所以下面的

import { something } form 'src/app/components/.....';

不起作用，但这确实有效：

import { something } from '../../components/....';

我猜这是在 tsconfig 中管理的。这是我的spectsconfig：

{
    "extends": "./tsconfig.json",
    "compilerOptions": {
    "outDir": "./out-tsc/spec",
    "types": [
        "jest", // 1
        "node",
        "Chrome"
    ],
    "esModuleInterop": true, // 2
    "emitDecoratorMetadata": true, // 3
    "allowSyntheticDefaultImports": true,
  },
  "files": ["src/test.ts", "src/polyfills.ts"],
  "include": ["src/**/*.spec.ts", "src/**/*.d.ts"]
}

和主要的 tsconfig：

{
  "compileOnSave": false,
  "compilerOptions": {
    "baseUrl": "./",
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "downlevelIteration": true,
    "experimentalDecorators": true,
    "moduleResolution": "node",
    "importHelpers": true, …