問題タブ [lit-element]

私は udemy.com のビデオを扱っていますが、この質問を投稿しても回答が得られなかったので、ここに投稿して、私の問題について何らかの洞察を得られるかどうかを確認します。私は Lit-element 2.0rc を使用しており、個人の電話帳アプリの構築に取り組んでいます。

プロジェクトの範囲は、連絡先の追加リンクがクリックされたときにポップアップとして呼び出すことができるフォームがあることです。ポップアップのプロパティを設定しましたが、ボタンのクリックは機能しています。現時点で機能していないのは、ページにフォームがまだ表示されているため、ポップアップ自体であり、フォームをポップアッププロパティから呼び出すことができるようにフォームを非表示にする方法がわかりません。誰かに私のコードを見てもらい、ボタンをクリックしてポップアップとして表示されるまでフォームが非表示のままになるように変更する必要があるかどうかを教えてください。ここに私が取り組んでいるコードがあります

ここでも、[新しい連絡先の追加] リンクをクリックして非表示のフォームを呼び出すことができると想定されていますが、フォーム自体がまだページに表示されており、本来あるべきように非表示になっていないため、これは発生しません。

助けてくれてありがとう。

qrコードの読み取りには zxing-js/library ライブラリを使用しています。私は奇妙な問題に直面しています。qr スキャンのコードは、stackblitz のオンライン サンプル コードでは機能しますが、私のローカル環境では機能しません。実行時にローカル環境でこのエラーが発生します。コンパイルは正常に進行します。

スタックブリッツリンク

githubリンク