加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

Angular,Electron,Webpack实时重装

发布时间:2020-12-17 17:33:28 所属栏目:安全 来源:网络整理
导读:摘要: 我正在尝试创建一个电子和角度应用程序,它使用电子重载和webpack进行实时重新加载.在我的package.json文件中,我构建了角度,然后运行电子,运行主进程和bootstraps角度.为了启动应用程序,我运行命令:npm start和npm run electron,一个接一个地在不同的
摘要:

我正在尝试创建一个电子和角度应用程序,它使用电子重载和webpack进行实时重新加载.在我的package.json文件中,我构建了角度,然后运行电子,运行主进程和bootstraps角度.为了启动应用程序,我运行命令:npm start和npm run electron,一个接一个地在不同的终端中.

问题:

应用程序正确启动;但是,当我向文件添加更改时,我的应用程序的电子部分保持不变,但我的应用程序的角度部分丢失了.请帮忙.

的package.json

{
  "scripts": {
    ...
    "start": "webpack --watch ",...
    "build-electron": "ng build --base-href .  && tsc srcelectronelectron-main.ts --outDir dist && tsc srcelectronlogger.ts --outDir dist && tsc srcelectronapplication-menu.ts --outDir dist && copy srcelectronpackage.json dist  && copy srcelectron*.html dist","electron": "npm run build-electron && electron ./dist --serve"
  },...
}

文件结构

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

解决方法

在一个终端中运行服务
并在main.js中更改

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

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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读