ホームページ > 記事 > ウェブフロントエンド > IE で Vue を使用してデバッグする方法の詳細な説明
今回は IE で Vue を使用してデバッグする方法について詳しく説明します。注意点 とは何ですか。具体的な事例を紹介します。 。
問題が見つかりました
数日前に書いた Vue の一部が IE で空白になり、f12 を押すと script1003: expected :
が表示されます。そこで今回の記事はこちらです...
解決プロセス
Baidu、Google、jsonの最後の項目に余分なカンマがあると言われています
{ a: 5, b: 4, // 最后一项不能有逗号 }
すべてのjsファイルの取得と修正が表示されません、しかし状況はまだです。 。 。
他に方法がないので、無敵で賢明なデバッグ スキルを使用しました。全文に コメント を追加し、1 行ずつコメントを解除して、最終的にバグの場所を特定しました。カスタムの右クリックに問題があります。メニュー プラグイン (v-contextmenu)。 。 。
以前から賢明なデバッグスキルを続けて、ついにいくつかのバグを発見しました。 。 。
このプラグインでは、すべての オブジェクトの最後の項目にカンマがあるため、IE では互換性がありません
{ a: 5, b: 4, // 这个逗号要删除 }
// ie下不支持这种语法 export default { bind() {} } // 必须在外面定义 function bind() {} 然后 export default { bind: bind } // 特别告诫,下面这种语法在ie中也是不支持的 export default { bind }
最も重要なことは、このプラグインにはこれら 2 行のコードが非常に隠れた場所にあるということです
if(condition) { someArray.push({ a, b }) } else { anotherArray.push({ a, b }) }
そして { a, b } この構文は IE ではサポートされていないため、{ a: a, b: b } に変更する必要があります
この記事の事例を読んだ後は、この方法を習得したと思います。情報については、PHP 中国語 Web サイトの他の関連記事にも注目してください。
推奨読書:
以上がIE で Vue を使用してデバッグする方法の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。