現在Frourioで構成されたTypeScriptのウェブアプリを作成しているのですが、表題のエラーが発生し解消できません。
構成が少し特殊で、本来frourioが最初に生成するプロジェクトだとserverというディレクトリの中にフロント側(今回はnextjs)のソースがあり、その並びにapiというディレクトリがあってAPIサーバー(今回はFastify)を構成するようになっていると思うのですが、今回フロント側に複数の利用口があることから、プロジェクトルートの下にwww,apiのようにディレクトリが切ってあり、それぞれ独立して動くようにしています。
現在それぞれ単体では動いているのですが、front側からAspidaを利用してAPIにリクエストしようとすると、
error - ../api/api/$api.ts Module parse failed: Unexpected token (28:12) Youmay 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
というようなエラーが発生します。
API単体では動いていることをcurlで確認していますし、front側もAPIに問い合わせるコードを記載しなければ動作します。
エラーの内容が、モジュールのパースに失敗したので正しいloaderを設定してください、といったものだと思うのですが、どのローダーを追加したら良いのかわかりません。
ざっくりこんな感じで回答しようと思っていただいた方もよくわからにとは思うのですが、
追加で確認したいことがあれば何なりと聞いてください。
よろしくおねがいします。
プロジェクトの全体的なファイル構成です
.build/ api/(Fastify) api/ entrypoints/ node_modules/ prisma/ service/ types/ validators/ $server.ts index.js package.json tsconfig.json webpack.config.js yarn.lock www/(Next) .next/ components/ node_modules/ pages/ styles/ .babelrc aspida.config.js echosystem.config.js next-env.d.ts next.config.js package.json tsconfig.json yarn.lock
あなたの回答
tips
プレビュー