🐦

openapi-generator-cliの使用時にPre-transform error

2024/04/06に公開

事象

最初にlinariaでCSSを書く整備、次にopenapi-generator-cliでバックエンドの定義からApiClientを出力しました。
その後、viteでローカルにサーバーを建てたところ、以下のエラーとなりました。

[vite] Pre-transform error: xxx/src/generated-api/api.ts: Unexpected token, expected "from" (16:12)

続くメッセージでは、import typeで構文エラー?となったみたいで謎でした。

エラーログをよく見るとwyw-in-jsの文字が出力されていたので、wyw-in-jsのBabelプラグインが実行された際にgenerated-api/*のコードがうまく処理できなかったと推測。

対応

wyw-in-jsの使用目的はlinariaのためにJSとCSSを分離するだけなので、viteのconfigからgenerated-api配下を対象外とするようにしました。
すると、問題なくサーバー起動、ビルドが可能となりました。

export default defineConfig({
  plugins: [
    wyw({
      exclude: ['**/generated-api/**'],
    }),
    react()
  ],
})

Discussion