今回初めてOnsen UI+Vueでアプリを作っています。webpackなどの知識もほぼゼロです。
Android端末上のMonacaデバッガーと、PC上のchrome://inspectから立ち上がる画面でデバッグしようとしています。現在アプリの画面やElements、Console出力はちゃんと表示される状態です。
ここで、chrome://inspectの画面上でブレイクポイントを張りたいのですが、肝心のソースファイル(.vueファイル)が表示されなくて困っています。
app.bundle.jsやcomponents/loader.jsなどのファイルしか表示されません。
VSCodeとChromeでデバッグしていたときは、webpack.config.jsファイルを以下のように書き換えることで、Chrome上にソースファイルを表示できました。
js
1// webpackConfig.devtool = 'eval'; 2 webpackConfig.devtool = 'source-map';
chrome://inspectの画面上でVueのソースファイルを表示させる方法、または他のやり方でブレークポイントを張ってデバッグする方法をご存知の方がいらっしゃいましたら、やり方を教えて頂きたいのですが。
よろしくお願いいたします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。