「ブラウザで開く」オプションを使用してWebStormを使用してサンプルプロジェクトを起動すると、Chromeでソースマップが正しく動作しません。ただし、コマンドラインから実行しても正常に読み込まれます。ブラウザでDartプロジェクトを開くときにソースマップが動作しない
たとえば、WebStormでpirate_badgeサンプルプロジェクトをロードし、index.htmlを右クリックしてOpen in browser -> Chrome
を選択します。ブラウザがプロジェクトを読み込みます。ページを調べてSources -> localhost:<port> -> pirate_badge -> packages -> pirate_badge -> name_service.dart
に行ってください。ファイルは選択できますが、ソースウィンドウは空白です。これは他のすべてのソースでも同じです。
コンソールでpub serve
またはpub serve web
を実行してブラウザで手動で開くと(localhost:8080)、ソースマップが正しくロードされ、ダーツソースを参照してデバッグすることができます。
ソースマップはWebStormでは機能しませんが、手動で正常に動作するのはなぜですか?
ウェブストームは、「ブラウザで開く - >クローム」を実行するときに 'pub serve'を使用しないと思います。 「index.html - > index.htmlを実行する」を右クリックすると、dartiumが開き、URLがchromeにコピー/ペーストされます。 –
ブラウザで実行すると、pub serveコマンドが表示され、選択したブラウザが起動します。また、Dartiumを起動すると、そのURLはDartiumのダーツコードを実行しているため、他のブラウザでは機能しません。 「ブラウザで実行」オプションでは、コードはdub2jsを使用してjsにコンパイルされてから、pub serveによってホストされます。 –
URLは動作し、パブは自動的にパブのビルドを実行します –