ウェブサイト検索

reactjs - Vercel が Next.js アプリをビルドする際にモジュールや型宣言を見つけられない

Next.jsアプリをVercelにデプロイしようとしていて、react-swipeableには独自の型定義があるようですが、次のことがあります:

Running "npm run build" ... > next build ... Failed to compile. ./components/SwipeBox.tsx:5:30 Type error: Cannot find module 'react-swipeable' or its corresponding type declarations. 3 | 4 | import { NextPage } from "next"; > 5 | import { useSwipeable } from "react-swipeable"; | ^ 6 | 7 | interface SwipeBoxProps { 8 | child

続きを読む →

reactjs - Vercel デプロイからの API リクエストを早期にタイムアウトさせる

Vercelのサーバーレス関数には実行タイムアウトがあることは知っています。この時間を超えないように、手動でタイムアウトを設定する方法はありますか?

例えば、私は5秒のタイムアウト制限がある趣味用のアカウントを使っています。カスタムAPIルートでは、このリクエストを5秒のタイマーが切れる前に「停止」し、クライアントにエラー応答を返す方法を探しています。つまり、res.status(500).json({error:"some error message"}); のようにです。

続きを読む →

typescript - Next-auth が Vercel にデプロイすると getSession が null を返すが、ローカルで実行すると正常に動作する

このコードをローカルで実行すると正常に動作しますが、Vercelにデプロイすると session.user.email が undefined になります。GraphQL、Nexus、Prisma を使用しています。

t.field('createProject', { type: 'Project', args: { name: nonNull(stringArg()), description: nonNull(stringArg()), website: stringArg(), sourceCode: stringArg(), // userId: stringArg(), }, async resolve(_, args, ctx) { // console.log(user) try { const req = ctx.req const se

続きを読む →

typescript - Next.js - Vercel デプロイエラー: エラー: EEXIST: ファイルはすでに存在します

Next.js 13.0.0 を使用した Vercel の プレビューデプロイで以下のエラーが発生しています。

私の理解では、プレビューのデプロイはどのブランチの更新でも実行されます。

address/[zipcode].ts でエラーが発生するため、api の動的ルーティングが正しく機能していないようです。

エラーをどう直せばいいのか全く分かりません。再デプロイも全く効果がありません。

再配属

続きを読む →

node.js - Vercelのapiフォルダで絶対パスを使用できない

テストリポジトリはこちら https://github.com/user72356/vite-project

私はアプリのapiディレクトリ内から絶対パスを使ってモジュールをインポートしようとしています。フロントエンドのコード部分では、例えば import hello from "shared/hello"; のように絶対パスを使うことができますが、apiディレクトリ内ではできません。

そうすると モジュールが見つかりません エラーが発生します。実際のコードは https://github.com/user72356/vite-project/blob/main/api/index.ts を参照してください。

私はVercelとNode.jsの経験は限られていますが、何が起こっているのかは理解できているかもしれません。apiディレクトリ内のものはすべてNodeで実行されるので、shared/helloはファイルシステム上の何かに対応しているわけではないと思います。それ

続きを読む →

reactjs - Vercel のデプロイがインターフェースのプロパティを検出できない

私は Vercel でモノレポを設定して、モノレポに含まれている Next.js プロジェクトをデプロイしようとしていました(リポジトリ内の他のプロジェクトは Express.js マイクロサービスです)。Next.js プロジェクトは、Express.js プロジェクトによって生成されたいくつかの型をインポートしています。ローカル PC でのプロダクションビルドでは型エラーはなく正常に動作しますが、Vercel にデプロイすると、コンパイルエラーが発生し、例えば "Type error: Property 'id' does not exist on type 'WorkerFullInformation'" と表示されます。

私のフォルダーシステムはこんな感じです:

monorepo: | /nextjs-app | /src | /pages | /dashboard | installers.tsx | /microservice-1 | /src | /types |

続きを読む →

typescript - Vercel が「@」のためにデプロイできない?

しばらく探していたのですが、たぶん私の調べ方のせいかもしれませんが、とにかく聞いてみます。

私はReact.js/Nextの環境で作業しています。その後、カスタマイズする必要があったライブラリで作業しました。それはTypeScriptで書かれています。それを扱うのに問題はありませんでしたが、最終バージョンをVercelにデプロイしたときに、3つのエラーが発生しました。

./helper/react-gutenberg/dist/blocks/common/audio.js 13:06:35.878 Module not found: Can't resolve '@mantine/core' in '/vercel/path0/helper/react-gutenberg/dist/blocks/common' 13:06:35.879 13:06:35.879 Import trace for requested module: 13:06:35.880 ./helper/reac

続きを読む →

reactjs - POSTリクエストを行うときにのみ発生するNestJSとVercelのCORS問題

GETリクエストは問題なく動作しますが、私はSWRを使ってPOSTリクエストを行い、Firebaseにものを送信したり、状態をこのように変化させたりしていますが、POSTリクエストはできません。

const item = await fetcher.POST(`/jobs?user_id=${user.id}`, _job) mutate(item)

fetcher はこのように設定されており、HOST が API へのルートになっています

fetcher.POST = ( ur

続きを読む →

TypeScript - Vercelを通してpackage.jsonを変更するには?

Vercelでポートフォリオをデプロイしようとしていますが、デプロイ時にエラーが発生します:

src/components/header/ChangeLanguage.vue(12,25): error TS7016: Could not find a declaration file for module 'vue-i18n'. '/vercel/path0/node_modules/vue-i18n/dist/vue-i18n.esm-bundler.js' implicitly has an 'any' type. There are types at '/vercel/path0/node_modules/vue-i18n/dist/vue-i18n.d.ts', but this result could not be resolved when respecting package.json "exports". The 'vue-i18n' library may need to update its package.

続きを読む →

デプロイ - TypeScriptベースのNodeサーバーをVercelにデプロイすることに関する支援が必要です

私は、エンドポイントを実行しているサーバーで常に Code: NOT_FOUND エラーが発生しています。

これは主にTypeScriptベースのNodeサーバーの設定問題です。この問題に長い間悩まされています。

また、展開サマリーは実行が終わることがありません:👇

こちらが私のサーバーのディレクトリファイル構造です:

Server ├─ .env ├─ dist │ ├─ index.js │ └─ model │

続きを読む →