24

私はまだここでフォローしている Electron にまだ慣れていません。

アプリケーションを簡単にデバッグできるように、 Chrome DevToolsを含める方法に関するこのページを読みました。ドキュメントに従いましたが、コマンドを実行するとエラーが返されます。electron <app-name>The app provided is not a valid electron app, please read the docs on how to write one...

私のmain.jsファイルのコードブロックは次のとおりです。

var app = require('app');
var BrowserWindow = require('browser-window');

// Add Chrome DevTools extension for debugging
require('remote').require('browser-window').addDevToolsExtension('../react-devtools')

それが私のプロジェクト構造がどのように見えるかです：

- react-devtools
- src
  -- index.html
  -- main.js
- package.json

どんな助けでも大歓迎です。ありがとう！

4

8 に答える 8

16

したがって、次のものが必要になった後：

var app = require('app');

次のコードを使用できます (アプリで使用しています)。

app.commandLine.appendSwitch('remote-debugging-port', '8315');
app.commandLine.appendSwitch('host-rules', 'MAP * 127.0.0.1');

次のアドレスにアクセスすると、Chrome でアプリケーションをデバッグできます。

http://127.0.0.1:8315

これがお役に立てば幸いです。私もエレクトロン初心者です！

基盤となるブラウザ エンジンの設定も行う必要がある場合は、 docsを参照してください。

于 2015-06-04T08:13:56.763 に答える
0

アプリケーションの名前は、アプリケーションのすべてのツリーを含むフォルダーの名前です。したがって、実行するには、フォルダーの名前が Electron の場合などに書き込む必要があります。

electron Electron

フォルダーが配置されているパスで常にプロンプ​​トが表示されます。この助けを願っています。

（私の英語で申し訳ありません、少し錆びています）

于 2015-05-21T08:14:21.177 に答える
0

これは をインストールする方法ではないかもしれないことはわかっていますがdevtools、 がWeb ビュー用に再alert配線されているelectronことがわかりました。つまり、いつでもこれを撮影してシンプルなスタイルを確認できるということです。

  alert('123')

複雑なものについては、webviewにもexecuteJavascript機能があると思います。おそらくconsole.logそこで実行できます。

于 2021-10-31T23:02:25.640 に答える