[Day 3-4]DB、およびコードとの戦い


3日目


私はただ部品を作りたいだけです。


午前と午後、私が担当しているヘッドセットを作るために、ずっと努力していました.
でも星のようなミスに何時間もかかったのでとても後悔
ここでも説明しますが、反応器に素子を作成すると、
jsファイルに本当に構成部品が作成されず、宣言されている場合、すべての構成部品に出力できないエラーが発生することを覚えておいてください.
エラーログは大体そうです.react-dom.development.js:25058 Uncaught Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. You likely forgot to export your component from the file it’s defined in, or you might have mixed up default and named imports. The above error occurred in the <Location.Provider> component:

データベース構造の決定、データの挿入


前日のフィードバックを参照してください.データベース構造を変更する必要があります.
既存のグラフには、プライマリ・プロダクト・カテゴリ/サブプロダクト・カテゴリについて明確な説明がないため、チーム・メンバーは分離します.
次に、決定されたDB構造を示します.

これを押すのに約3時間かかります.
そしてこの構造をPrisma schemaに変換するにも1~2時間の記憶が必要です...

これは私たちがプリマと戦っている様子です.
その後、アーキテクチャを適用して一時的なデータを作成することに成功しました.
データはsql文で記入してmysqlで直接挿入します.
これらのアーキテクチャとsql文をgithub repositoryに入れる必要があります.
これは単純なタスクですが、いくつかの小さなエラーのため、ここでは数時間かかります.そのため、このプロセスの代わりに次のダイナミックマップを使用します.

この過程が終わるといつの間にか一日が過ぎた.

4日目


github上のアーキテクチャの取得と適用


ファイルを入手して移行しようとしただけですが、午前中からエラーが発生し、みんなショックでした.
エラーコードはこうです.
Error: P3006

Migration `20220330141930_create_all_tables` failed to apply cleanly to the shadow database. 
Error code: P3018
Error:
A migration failed to apply. New migrations cannot be applied before the error is recovered from. Read more about how to resolve migration issues in a production database: https://pris.ly/d/migrate-resolve

Migration name: 20220330141930_create_all_tables

Database error code: 1050

Database error:
Table 'one_sub_categories' already exists

Please check the query number 1 from the migration file.
エラーコードは1つではなく、3つです.
さらに2つはPRISMAエラー、もう1つはSQLエラーです.
Presimaは、最後に移行したファイルでエラーが発生し、解決されるまで移行できないという立場です.
雪の上に霜が降りたのは、mySQLも이 테이블은 있는 테이블인데 왜 또 만들어?나가.と言っているようで、
データベースをチェックすると、テーブルはありません.
最後の手段として、私は指導者たちに助けを求めた.
問題のある移行フォルダ(ファイル)を簡単に削除してから、モードを入れるだけだと教えてください.
その後、プリマイグレーションをリセットできます.
npx prisma migrate reset
Yes
幸いなことに、この方法では、すべてのチームメンバーがアーキテクチャとデータの適用に成功します.

nav素子完成!


緊急エラーが修正され、navコンポーネントが再作成されました.
シンプルに見えるので、すぐに終わると思っていたのですが、思っていたより小さなデザイン要素が多かったので、結構時間がかかって気分が悪かったです.
カテゴリデータをドラッグ&ドロップするためのuseEffect関数の作成も、午後になってから完了するまで何度もエラーが発生しました.
タイトルの外観を完了します.ロゴは多分元のサイトから見て、安価なベクトルグラフィックツールで作られています.


[製品カテゴリ](Product Category)ボタンをクリックすると、サブメニューがポップアップされます.
これはプロジェクトの4日目で、今は1つの部品しか製造されていません...ちょっと悲しい

の最後の部分


しかし,最も困難な初期設定とDB構築プロトコルが終了すると,より楽になる.
これからはコンポーネントとAPIの戦いですか?
実はGitかDBが間違ってるのが怖い