NX 無法導入本地 Typescript 庫

Question

我正在嘗試遵循“NX 和 Typescript”文檔。 我已經運行了以下（使用節點 16.16.6 和 NX 14.5.8）：

npx create-nx-workspace happynrwl --preset=ts
cd happynrwl
npm install @nrwl/web
nx generate @nrwl/js:library --name=hello-tsc --buildable
nx generate @nrwl/web:app demoapp

從這里，我可以使用nx serve demoapp為 web 應用程序提供服務，並且工作正常。 但是，當我嘗試從本地hello-tsc庫導入時，出現此錯誤：

ERROR in ../hello-tsc/src/lib/hello-tsc.ts
Module build failed (from ../../node_modules/@nrwl/web/src/utils/web-babel-loader.js):
SyntaxError: /Users/james/projects/happynrwl/packages/hello-tsc/src/lib/hello-tsc.ts: Unexpected token, expected "{" (1:26)

> 1 | export function helloTsc(): string {
    |                           ^
  2 |   return 'hello-tsc';
  3 | }
  4 |
    at instantiate (/Users/james/projects/happynrwl/node_modules/@babel/parser/lib/index.js:72:32)
    at constructor (/Users/james/projects/happynrwl/node_modules/@babel/parser/lib/index.js:366:12)
    at Parser.raise (/Users/james/projects/happynrwl/node_modules/@babel/parser/lib/index.js:3453:19)
    at Parser.unexpected (/Users/james/projects/happynrwl/node_modules/@babel/parser/lib/index.js:3491:16)
    at Parser.expect (/Users/james/projects/happynrwl/node_modules/@babel/parser/lib/index.js:4128:28)
    at Parser.parseBlock (/Users/james/projects/happynrwl/node_modules/@babel/parser/lib/index.js:15389:10)
    at Parser.parseFunctionBody (/Users/james/projects/happynrwl/node_modules/@babel/parser/lib/index.js:14085:24)
    at Parser.parseFunctionBodyAndFinish (/Users/james/projects/happynrwl/node_modules/@babel/parser/lib/index.js:14069:10)
    at /Users/james/projects/happynrwl/node_modules/@babel/parser/lib/index.js:15570:12
    at Parser.withSmartMixTopicForbiddingContext (/Users/james/projects/happynrwl/node_modules/@babel/parser/lib/index.js:14457:14)

webpack compiled with 1 error (b022fd9df31b7e7f)

此錯誤似乎意味着 web 應用程序正在嘗試導入 TS，但預計它是 JS。 為什么會這樣？ 我該如何解決？

所有詳細信息都可以在此處的倉庫中找到： https://github.com/jmeyers91/nx-hello-world

Answer 1

通過添加"presets": ["@nrwl/web/babel"]到根babel.config.json文件來修復。

見：https://github.com/nrwl/nx/issues/10819#issuecomment-1178404861

{
  "presets": ["@nrwl/web/babel"],
  "babelrcRoots": ["*"]
}