ホームページ > 記事 > ウェブフロントエンド > IE10でのVueの空白ページのデバッグ方法まとめ
IE10でのVueの空白ページのデバッグ方法まとめ
- php中世界最好的语言オリジナル
- 2018-06-01 11:50:301678ブラウズ
今回は、IE10 で Vue で空白ページをデバッグする方法の概要をお届けします。IE10 で 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 } に変更する必要があります
こんなことで午前中が無駄になってしまいました、このプラグインをスプレーしたいと思いますか?で？ ieを使う奴は犬だ、と言いたい。
以上がIE10でのVueの空白ページのデバッグ方法まとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。