Nativescript App - load local HTML/JS/CSS in Webview

Question

If I want to display a local html file in a Webview, how can I do it?

Tried Solutions:

absolut path to the respective html I want to display in the webview as shown here:
Absolute path/ encodeURI

this.htmlPath = encodeURI(`${fs.knownFolders.currentApp().path}/monitordaten/webview/assets/graph.html`);

<Webview #myWebView [src]="htmlPath" ></Webview>

editing webpack.config.js like this:
this solution was mentioned here: edit webpack.config.js

new CopyWebpackPlugin([
               { from: { glob: "monitrodaten/webview/assets/**"} },          <= Added this row
               { from: { glob: "fonts/**" } },
               { from: { glob: "**/*.jpg" } },
               ...

both solutions lead to the following error: Filestructure:

Yong · Accepted Answer · 2020-09-15 11:11:01Z

1

Your path lacks of "app"

this.htmlPath = encodeURI(`${fs.knownFolders.currentApp().path}/app/monitordaten/webview/assets/graph.html`);

or

this.htmlPath = encodeURI(`~/app/monitordaten/webview/assets/graph.html`);

webpack config

{ from: { glob: "app/monitrodaten/webview/assets/**"} }

answered Sep 15, 2020 at 11:11

Yong

1,1271 gold badge12 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Nativescript App - load local HTML/JS/CSS in Webview

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related