Angular 角度、电子、网页包带电重新加载 总结：

我正在尝试创建一个电子和角度应用程序，使用电子重新加载和网页包进行实时重新加载。在我的package.json文件中，我构建angular，然后运行electron，它运行主进程和引导angular。为了启动应用程序，我在不同的终端中依次运行命令：

npm start

和

npm run electron

问题: 应用程序正确启动；但是，当我向文件添加更改时，应用程序的电子部分保持不变，但应用程序的角度部分丢失。请帮忙

package.json 文件结构 卷窗口的文件夹路径列表 卷序列号为000000 B3 D831:A351 C:。 |.angular-cli.json |.编辑配置 |.gittributes |.gitignore |karma.conf.js |package.json |progrator.conf.js |自述文件 |tree.txt |tsconfig.json |tslint.json |webpack.config.js |winstologging.log | +---距离 || application-menu.js || electron-main.js || favicon.ico || index.html || inline.bundle.js || inline.bundle.js.map || invalid.html || loading.html || logger.js || main.bundle.js || main.bundle.js.map || package.json || polyfills.bundle.js || polyfills.bundle.js.map || preferences.html || styles.bundle.js || style.bundle.js.map || vendor.bundle.js || vendor.bundle.js.map | | |\---资产 |default.gif |quest_logo.png |spinner.gif | ... \---src |favicon.ico |index.html |梅因酒店 |多晶硅 |styles.scss |test.ts |tsconfig.app.json |tsconfig.spec.json |打字 | +---应用程序 || app-routing.module.ts || app.component.html || app.component.scss || app.component.spec.ts || app.component.ts || app.module.ts | | |\---组件 |+---家 || home.component.html || home.component.scss || home.component.spec.ts || home.component.ts | | |\---偏好 |preferences.component.html |preferences.component.scss |首选项.component.spec.ts |preferences.component.ts | +---资产 |吉特科普先生 |default.gif |spinner.gif | +---电子 |application-menu.js |application-menu.ts |电子主电路 |无效的.html |正在加载.html |logger.ts |package.json |preferences.html | \---环境 环境产品 环境科技

---

在一个终端上运行ng serve 并在main.js中更改

win.loadURL(`http://localhost:4200/index.html`);

然后在另一个终端运行npm run electron

看看我在那里发布了一个非常类似问题的答案。

Folder PATH listing for volume Windows
Volume serial number is 000000B3 D831:A351
C:.
|   .angular-cli.json
|   .editorconfig
|   .gitattributes
|   .gitignore
|   karma.conf.js
|   package.json
|   protractor.conf.js
|   README.md
|   tree.txt
|   tsconfig.json
|   tslint.json
|   webpack.config.js
|   WinstonLogging.log
|   
+---dist
|   |   application-menu.js
|   |   electron-main.js
|   |   favicon.ico
|   |   index.html
|   |   inline.bundle.js
|   |   inline.bundle.js.map
|   |   invalid.html
|   |   loading.html
|   |   logger.js
|   |   main.bundle.js
|   |   main.bundle.js.map
|   |   package.json
|   |   polyfills.bundle.js
|   |   polyfills.bundle.js.map
|   |   preferences.html
|   |   styles.bundle.js
|   |   styles.bundle.js.map
|   |   vendor.bundle.js
|   |   vendor.bundle.js.map
|   |   
|   \---assets
|           default.gif
|           quest_logo.png
|           spinner.gif
|           
... <node modules and e2e>
\---src
    |   favicon.ico
    |   index.html
    |   main.ts
    |   polyfills.ts
    |   styles.scss
    |   test.ts
    |   tsconfig.app.json
    |   tsconfig.spec.json
    |   typings.d.ts
    |   
    +---app
    |   |   app-routing.module.ts
    |   |   app.component.html
    |   |   app.component.scss
    |   |   app.component.spec.ts
    |   |   app.component.ts
    |   |   app.module.ts
    |   |   
    |   \---components
    |       +---home
    |       |       home.component.html
    |       |       home.component.scss
    |       |       home.component.spec.ts
    |       |       home.component.ts
    |       |       
    |       \---preferences
    |               preferences.component.html
    |               preferences.component.scss
    |               preferences.component.spec.ts
    |               preferences.component.ts
    |               
    +---assets
    |       .gitkeep
    |       default.gif
    |       spinner.gif
    |       
    +---electron
    |       application-menu.js
    |       application-menu.ts
    |       electron-main.ts
    |       invalid.html
    |       loading.html
    |       logger.ts
    |       package.json
    |       preferences.html
    |       
    \---environments
            environment.prod.ts
            environment.ts

win.loadURL(`http://localhost:4200/index.html`);