Description
Heyho, I've been wanting to play around with nimview while coding an Angular frontend and am running into a bit of trouble that I don't quite understand.
When debugging with the HTTP server, my project works exactly as expected. Angular components load normally and JS gets normally executed. When running it in webview mode (e.g. by using startDesktop or by using release mode) and only then does the application refuse to render anything that isn't in the initial index.html file.
Minimal example
- Download and install Angular cli (
npm install -g @angular/cli) - Create new project ('ng new', in my examples I choose to include routing and use scss )
- Add the following to index.html:
<h1> Initial tag </h1> - Remove the entire contents of
app-component.htmland instead put in there the following:<h1>App component heading</h1> - Compile the project (
npm run build) - Copy-paste the contents of the <
FRONTEND_PROJECT>/distfolder to yournimviewproject - create main file of your project with the following code:
#nimproject/src/nimproject.nim
import nimview
nimview.startDesktop(indexHtmlFile = "<RELATIVE_PATH_TO_ANGULAR>/index.html, debug=true)- compile and run the nim project (I use a nimble command for this:
#nimproject/nimproject.nimble
requires "nim >= 1.6.6"
requires "nimview >= 0.4.2"
task debug_run, "Build a release for debugging and run it":
--run
--threads:on
--mm:orc
--deepcopy:on
--outdir:"."
setCommand "c", "src/imagestable.nim"Expected Outcome
The window that opens up should render the large text:Initial tag
App component heading
Actual Outcome
The window only renders the tag directly written into the index.html file:Initial tag
There is no error visible in the console, which is I guess where JS errors would be rendered if there were any(?).
Find below the only output on the terminal that compiled and run the nimview project:
Hint: gc: orc; threads: on; opt: none (DEBUG BUILD, `-d:release` generates faster code)
84421 lines; 2.019s; 222.352MiB peakmem; proj: src/imagestable; out: /home/philipp/dev/imagestable/imagestable [SuccessX]
Hint: /home/philipp/dev/imagestable/imagestable [Exec]
DEBUG Starting desktop with file urlI've been trying to debug this, but I'm failing to figure out where I can see the possible error here. Is the way webview works just completely incompatible with Angular for some reason?