問題タブ [riot.js]

最近、アプリケーションに webpack を実装し、srcipt src タグを介して js に変換されるすべてのタグ ファイルを読み込もうとしています。それでも暴動のjsはタグファイルをマウントできません..同じための解決策はありますか?

login_form.js ファイルを手動でロードすると、riot はそれを正しく読み取ることができます。

HTML:

私は簡単なコードを持っています

私のapp.jsでは、暴動、test.tagをrequrieするだけで、riot.mount('#root', 'test'); これはinit画面ですが、マウントの前に更新が発生するのはなぜですか? 初めてクリックすると、更新が発生したことを記録しますが、ビューは再レンダリングされず 、2回目のクリックの後、イベント更新が発生し、ビューが再レンダリングされます

this.update();promise 内でコメントを外すと、イベントの更新が 2 回発生します

upd: イベントの削除this.books = booksと書き込みのthis.update({books});場合、更新は 2 回発生し、レンダリングは機能しますが、なぜ 2 回ですか?

Riot.js、Materialize.css、および jQuery を使用するプロジェクトに取り組んでいます (主に Materialize コンポーネントのため)。任意の要素に対して Riot.js を使用してイベント ハンドラーを作成しようとすると、起動時に Uncaught TypeError が発生し、その後 DOM が正しく更新されません。エラーを回避するために多くの方法を試しましたが、問題は解決しませんでした。問題が何であるかについての私の最善の推測は、Riot.js と jQuery (Materialize と一緒に?) が同時に DOM をいじり、同期の問題を引き起こしていることです。これはかなり長い間私を悩ませており、サイトの進行を妨げているため、どんな助けも大歓迎です!

Riot.js バージョン: 2.5.0

Materialize.css バージョン: 0.97.7

jQuery バージョン (Materialize.css で提供): 2.1.4

Chrome のコンソールによるスタック トレース出力は次のとおりです。

ここに私のindex.htmlがあります（関連情報に取り除かれます）：

ここに私のRecruiting-form.tagがあります（関連情報に取り除かれています）：

CDN から Riot.js、ローカル スクリプト ファイルからStoreRiotControl、ファイルから RiotControl の 、および 2 つのカスタム タグcustom-aとをロードする比較的単純なページがありますcustom-b。

タグがマウントされています -- console.log2 つのタグ ファイルの行はそれを示しています -- そしてイベントは正しくルーティングされています (再び で証明されていconsole.logます)。ただし、最初のカスタムタグがレンダリングされた後は何もcustom-a表示されません。custom-bそれが上にある場合は表示され、上にある場合は表示されますが、<p>それらの間はレンダリングされず、他のタグがそこにある場合はレンダリングされません。

CSSに問題があるのではないかと思ったので、ページからセマンティックUIリンクを削除しましたが、スタイル以外の違いはありません.

何か案は？

次のように HTML にデータを挿入しました。

ユーザーが次のようにテキストを編集できるように、spanタグをマウスクリック時に変換しようとしています。textarea

問題は、ユーザーがテキストを編集した後にテキストエリアを離れると、focusGone関数が定義されていないというエラーがスローされることです。

これを riotjs で機能させるにはどうすればよいですか?

yield を使用してタグを更新するときに問題が発生しました。例を参照してくださいhttp://codepen.io/Pysta/pen/pEyoBY

データをすぐにロードすると (「self.items = [];」のコメント行)、想定どおりに機能しますが、リクエストを作成して非同期に更新しても何も変わりません。

maintag 内から yieldtag を削除すると、機能します。

ヘルプ/提案をいただければ幸いです。

オブジェクトのリストからオブジェクトを削除しているときに、未定義のエラーが発生します。

HTML:

js コード:

オブジェクトのリストは次のようになります。

最初のオブジェクトを削除した後、3 番目のオブジェクトのスロー エラーを削除しようとしました。

ロジックのループに何か問題があると確信していますが、頭を悩ませることができません。どこで私は間違えましたか？

アップデート：

以下のようにクリックすると、DOM から要素を削除し、Javascript オブジェクトからそのプロパティを削除しようとしています。