![](/img/trans.png)
[英]nextjs webpack typescript (.ts, .tsx) Module parse failed: Unexpected token (6:7)
[英]Monorepo: (NextJS 13 + Typescript) Module parse failed
我正在嘗試將當前正在運行的 nextjs 13 應用程序移動到單個 monorepo。 我基本上使用npx create-turbo@latest
創建了一個新的回購協議,然后將我現有的回購協議(以免稱之為“前端”)移動到apps/
文件夾。 之后,我在apps/frontend/package.json
上添加了“ui”依賴項:
{
"name": "frontend",
"version": "0.1.0",
"private": true,
"dependencies": {
...
"ui": "*",
}
...
}
並在next.config.js
上添加了 transpile 選項:
experimental: {
transpilePackages: ['ui'],
}
到目前為止,一切似乎都很好。 然而,在此之后我將一個組件從我現有的項目移動到 UI 文件夾,添加了所有相應的依賴項,當我運行它時我得到:
frontend:dev: error - ../../packages/ui/Button/Button.tsx
frontend:dev: Module parse failed: The keyword 'interface' is reserved (11:0)
frontend:dev: You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
frontend:dev: | import classNames from 'classnames';
我是否缺少任何配置?
Operating System:
Platform: darwin
Arch: arm64
Version: Darwin Kernel Version 21.6.0: Mon Aug 22 20:19:52 PDT 2022; root:xnu-8020.140.49~2/RELEASE_ARM64_T6000
Binaries:
Node: 16.13.2
npm: 8.1.2
Yarn: 1.22.19
pnpm: N/A
Relevant packages:
next: 13.0.4
eslint-config-next: 12.3.4
react: 18.2.0
react-dom: 18.2.0
對於面臨這個問題的任何人。 這是我的錯,因為我使用 npx create-turbo@latest 創建了初始的 monorepo,但后來我忘記在移動現有項目后立即升級到 next13。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.