Turborepo 包意外的令牌导出

2024-03-03

我有一个名为项目类型的自定义包,我在包之间共享我的类型

当我将简单的类导入到我的 Nestjs 项目中时,打字稿编译得很好,但是当涉及到运行时并执行 javascript 时,它会说:

server:dev: D:\Program\net-autism\packages\project-types\index.ts:1
server:dev: export * from "./authentication";     
server:dev: ^^^^^^
server:dev: 
server:dev: SyntaxError: Unexpected token 'export'
server:dev:     at Object.compileFunction (node:vm:352:18)
server:dev:     at wrapSafe (node:internal/modules/cjs/loader:1031:15)
server:dev:     at Module._compile (node:internal/modules/cjs/loader:1065:27)
server:dev:     at Object.Module._extensions..js (node:internal/modules/cjs/loader:1153:10)      
server:dev:     at Module.load (node:internal/modules/cjs/loader:981:32)

包.json

{
  "name": "project-types",
  "version": "0.0.5",
  "main": "./index.ts",
  "types": "./index.ts",
  "type": "module",
  "license": "MIT",
  "scripts": {
    "lint": "eslint *.ts*"
  },
  "devDependencies": {
    "eslint": "^7.32.0",
    "eslint-config-custom": "*",
    "tsconfig": "*",
    "typescript": "^4.5.2"
  },
  "dependencies": {
    "class-transformer": "^0.5.1",
    "class-validator": "^0.13.2"
  }
}

usage:

import { Body, Controller, Post } from '@nestjs/common';
import { LoginDto } from 'project-types';

@Controller('auth')
export class AuthController {
  constructor() {}

  @Post('login')
  async login(@Body() credentials: LoginDto) {}

  @Post('register')
  async register() {}
}

我也刚刚遇到这个问题。据我所知,当您构建消费应用程序时,它不会从类型包中转译 Typescript。

对于 NextJS 项目,有一个 npm 包可以解决这个问题https://www.npmjs.com/package/next-transpile-modules https://www.npmjs.com/package/next-transpile-modules

但是,由于我有一个 NestJS 项目,您需要自己转译类型包。这是我的设置:

包/项目类型/package.json

{
  ...
  // entry point is now the transpiled version of your code
  "main": "./dist/index.js",
  "types": "./dist/index.d.ts",
  "type": "commonjs",
  "scripts": {
    "build": "tsc",
  ...
}

包/项目类型/tsconfig.json

{
  "include": ["."],
  "exclude": ["dist", "build", "node_modules"],
  "compilerOptions": {
    "module": "commonjs",
    "outDir": "./dist"
  }
}

应用程序/nest-project/tsconfig.json

{
  ...
  "module": "commonjs",
  ...
}

然后您可以配置您的turbo.json确保所有依赖包都已预先构建拓扑依赖性 https://turborepo.org/docs/core-concepts/pipelines#topological-dependency。来自 Turbo 文档的示例:

  "pipeline": {
    "build": {
      // "A package's `build` command depends on its dependencies'
      // and devDependencies' `build` commands being completed first"
      "dependsOn": ["^build"]
    }
    // ... omitted for brevity
  }

希望有帮助。

[Update]

Example repo https://github.com/patrickkenyon/turbo-example

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Turborepo 包意外的令牌导出 的相关文章