watch:electron is not working

[naivefun]

When source code has changes, the console prints:

    ERROR in   Error: Cannot find module "./../../../webpack/buildin/module.js"
      
      - index.html:17179 webpackMissingModule
        /Users/peisongxiong/Downloads/angular2-ultimate-starter-master 2/src/index.html:17179:108
      
      - index.html:17179 Object../node_modules/html-webpack-plugin/node_modules/lodash/lodash.js
        /Users/peisongxiong/Downloads/angular2-ultimate-starter-master 2/src/index.html:17179:221
      
      - index.html:21 __webpack_require__
        /Users/peisongxiong/Downloads/angular2-ultimate-starter-master 2/src/index.html:21:30
      
      - index.html:75 Object../node_modules/html-webpack-plugin/lib/loader.js!./src/index.html
        /Users/peisongxiong/Downloads/angular2-ultimate-starter-master 2/src/index.html:75:9
      
      - index.html:21 __webpack_require__
        /Users/peisongxiong/Downloads/angular2-ultimate-starter-master 2/src/index.html:21:30
      
      - index.html:67 ./node_modules/html-webpack-plugin/lib/loader.js!./src/index.html
        /Users/peisongxiong/Downloads/angular2-ultimate-starter-master 2/src/index.html:67:18
      
      - index.html:70 
        /Users/peisongxiong/Downloads/angular2-ultimate-starter-master 2/src/index.html:70:10
      
      - index.js:230 HtmlWebpackPlugin.evaluateCompilationResult
        [angular2-ultimate-starter-master 2]/[html-webpack-plugin]/index.js:230:26
      
      - index.js:115 
        [angular2-ultimate-starter-master 2]/[html-webpack-plugin]/index.js:115:21

and no refresh. If manually refresh nothing displays ...

[michaeljota]

Will look into it right now. :).

[michaeljota]

I don't have your output, but it certainly is not reloading the app as a whole. Does this happen to you when you edit Electron code or Angular code?

[naivefun]

Angular code I think. I just try to edit some HTML content, that's all.

[michaeljota]

Did you try to edit the index.html?

[naivefun]

Yes, try to add

tag to see if it reloads

[michaeljota]

Actually if I edit the html, my version does reload, just does not show anything cause the Angular app takes over everything.

Almost all the content in index.html it's auto generated, so I don't suggest to edit it unless you know how. Also, it is not a html file, it's an ejs file. It's almost the same, but it have some difference.

[naivefun]

Sorry I actually edited app.component.html ....

[michaeljota]

I'll will update this late this evening, I'll tag you to test the changes. The changes includes an update in Angular version, Typescript version, and Webpack version. Maybe that helps you.

[naivefun]

Thanks.

One more question, how can I use node native API like 'fs' as well as node modules like mongodb driver?

[michaeljota]

Ok. I can reproduce the Webpack not reloading the Electron package if a file different from ts it's being edited.

Thanks for the report. I'll look into it. 👍

[michaeljota]

Regarding the use of Node native API, they have to be loaded from the Electron side of the application. You can either create a separate electron folder, I would recommend this, or put all the code in your main.desktop.ts file. However, you don't want, or need in anyway, to load native API in Angular side, cause that whole side will run in a browser environment, and it does not have access to any of those methods.

[naivefun]

IC. Am I right that I need implement the function in electron js and use remote API to call it from angular side?

[michaeljota]

You should consider the use of Electron's IPC

[michaeljota]

@naivefun Little update here: I did not forget about it, just testing cause it seems a problem with the template loader, however, I have to be sure about it. Even so, I need to know why I does work in webpack-dev-server

[naivefun]

@michaeljota thanks! take your time and happy holiday!