リリース 0.3 : patternfly-react
2495 ワード
問題について
今回は、小さな問題を探してみようと思いますが、さらに大きなプロジェクトで、そこからどれだけ学べるか見てみましょう.そのため、すぐに使用できる反応コンポーネントを備えたフレームワークに出くわしました.次に、 patternfly-react にサインアップすることにしました.ここで、
FocusTrap
を非アクティブにするための小道具を渡します.問題-6494 プロジェクトへのアプローチ
最初に、
CONTRIBUTTING.md
ファイルを読み、見落としがないことを確認し、環境のセットアップ方法を学びました.大きなプロジェクトとはいえ、最初は環境を整えてテストを実行するという手順が明確にわかりませんでした.プロジェクトへの私の最初の試みは、プロジェクトに必要なすべての依存関係をインストールするために
npm install
を実行することです.完了したら、npm test
または yarn test
を実行しようとしましたが、416 個の単体テストが失敗し、セットアップに問題があることがわかりました.時間をかけて
node_modules
を削除し、再度インストールを繰り返し、インターネットでエラーを検索した後、もう一度 Duke と話しましたが、うまくいきませんでした.その後、しばらく話した後、以前は使用する機会がなかったパッケージマネージャーとして yarn
を使用していることを認識したので、プロジェクトに入って yarn.lock
を確認すると、無視しますが、それが問題の原因です. npm install
を使用してすべてのパッケージをインストールする代わりに、すべての yarn
に必要なパッケージをインストールするために mono-repo
を使用する必要があります.ここで興味深いのは、
mono-repo
については以前に聞いたことがありますが、このプロジェクトに取り組み始めるまで、実際の生活でそれを理解または視覚化する方法を知りませんでした.したがって、すべての小さなレポには独自の node_modules
が必要です.これが、一般的な package_lock.json
をチェックアウトしたときに、依存関係の下にリストされているパッケージがあまり見られなかった理由です.yarn
を使用し、yarn test
を再度実行しようとしましたが、それでも同じ問題が発生します. node_modules
によってインストールされた npm install
もすべて削除する必要があることに気づきました.今回はいつものように手動で node_modules
を一つ一つ確認して削除しなければならないので時間がかかります.そこで、WEB422 で作業する機会がある
を試し、プロジェクトから以前の node_modules
をすべてアンインストールしました.yarn test
を再度実行しました.今回はさらに多くのテストに合格しましたが、これらの import
ステートメントを含むテストではパスを解決できませんでした.import "@patern-fly/"
検索に時間を費やした後、
import
ステートメントがリポジトリへのパスだけでなく、build
バージョンのリポジトリをインポートしていることに気づきました. yarn build
を実行すると、すべてのテストがスムーズに進みました.npkill 機能の追加
FocusTrap
を非アクティブにするのは非常に簡単です.小道具を宣言してFocusTrapに使用するだけですが、リンティングは常に文句を言いますが、マシンでyarn lint
またはyarn lint:ts
を実行できず、チームと通信しようとしましたが、チームから連絡がありませんでしたが、このような大きなプロジェクトで、私にとって非常に興奮した学習の旅でした.あなたは私の をチェックすることができます
Reference
この問題について(リリース 0.3 : patternfly-react), 我々は、より多くの情報をここで見つけました https://dev.to/beamazedvariable/release-03-patternfly-react-1hn0テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol