現在、Vue.jsを使用してシングルページアプリケーション（SPA）を開発中です。 NPMとBrowserifyですべてのノードパッケージをロードしています。Vue.jsをデバッグするのに最適な方法SPA
本当に迷惑なのは、間違ってコードを書いたり、括弧を忘れたりすると、スクリプト全体が単純に機能しなくなり、エラーメッセージが表示されなくなります。私はファイヤーバグを使ってみましたが、それはBrowserifyを介してSPAなので、エラーは全く発生しません。
スクリプトをデバッグする方法を教えてくれるPHPのようなコンパイルエラーを生成する方法はありますか？
ブラケットなどを忘れてしまったとしますが、eslintも使用できます。これは、コンソールにエラーメッセージが表示され、インデントエラーなどのすべての構文エラーが表示されます。 disableこれらのrulesが必要な場合。ここで
が設定され、あなたはこれを有効にするためのWebPACKの設定で配置する必要があります：あなたが開発サーバーとして使用しているものmodule: {
preLoaders: [
{
test: /\.vue$/,
loader: 'eslint',
include: projectRoot,
exclude: /node_modules/
},
{
test: /\.js$/,
loader: 'eslint',
include: projectRoot,
exclude: /node_modules/
}
],
？
私にはhereというセットアップがあり、私には良いエラーメッセージが表示されます。
私の意見では、より良いデバッグのための主要なツールは、ホットモジュールリプレースとBudo dev serverです。
お試しください。
ここは良い例です。
私はこのエラーを取得しています：
[Vue warn]: Error in render: "TypeError: Cannot read property 'length' of null"
グレート！一体どこから来たの？
ブラウザの開発者ツールで、例外を展開して下にスクロールします。 vue.jsやおそらく他のライブラリからたくさんのメッセージが表示されます。スクロールし続けると、自分のコードからのメッセージが表示されることがあります。この例では、Chromeからです：
はあなたのコードへのリンクをクリックして、JSにブレークポイントを置きます。その後、ページをリロードします。
JSコードを実行し、エラーがコンソールに記録されるタイミングに注意してください。
JSコードにエラーがある場合は、この方法で見つけることができます。
あなたが非同期的にデータをロードするとエラーが（うまくいけば、あなたのブレークポイントまたはその近く）データのいくつかの作品をロード後を発生した場合、あなたはあなたのHTMLおよびコンポーネントがどのvue.jsがあるかどうかを確認するためにそのデータを検索問題の原因となっている可能性のあるデータを使用しています。
大規模な複雑なページでは、レンダリングするコンポーネントがいくつかあり、ないコンポーネントがあります。それは問題がどこにあるのかという別の手掛かりです。
また、お使いのブラウザに合わせてvue.jsの開発ツールをダウンロードすることもできます。ここにはクロムのVue.js devtoolsがあります。これにより、Vueでそのデータを簡単に表示できます。