DAILY JOURNAL

トラブルシューティング

53記事の記録。

2025年3月

  1. CORS設定を見直すことで、発生していた3つのエラーが芋づる式に解決した

    以下のエラーが出ていて、Djangoで構築したバックエンドAPIからデータを取得することができなかった。 しかし、「Access to XMLHttpRequest at 'http://127.0.0.1:8000/api/tasks/' from origin 'http://localhost:5173' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.」という問題を解決したら、全てのエラーが消え去った。 エラーが消えた後の画面 エラー0件。Djangoのバックエンドで作成した…

    【エラー解決】GET http://localhost:5173/src/components/TaskList.js?t=1742020997344 net::ERR_ABORTED 404 (Not Found)

    こちらのエラーを解決していこう。 GET http://localhost:5173/src/components/TaskList.js?t=1742020997344 net::ERR_ABORTED 404 (Not Found) これは、vite(ヴィート)がTaskList.jsを探しているが見つからないというエラー。 .tsxファイルの拡張子が.jsファイルとして解釈されている? ViteはTypeScriptプロジェクトを使用していると、デフォルトでは.tsxを.jsに変換して扱う。 しかし、ファイルのインポート時に拡張子を指定しないと、正しく変換できない場合がある。 .tsxを明示したらDOMがレンダリングされた app.tsxの一行目…

    【エラー解決】TypeError: crypto$2.getRandomValues is not a function

    作成中のreact_todoでnpm run devを行うと以下のエラーが発生した。 Mac:react_todo shibatahiroshitaka$ npm run dev > react_todo@0.0.0 dev > vite error when starting dev server: TypeError: crypto$2.getRandomValues is not a function at resolveConfig (file:///Users/shibatahiroshitaka/Downloads/react/react_todo/node_modules/vite/dist/node/chunks/dep-g…