Question

是否可以在 WebView 组件上显示React / Angular Web应用程序？

我建立angular（angular cli）并以prod模式反应应用程序。接下来，将准备好的文件放入 ./ assets 文件夹中。在 webpack.config.js 内部进行更改后，运行 tns运行android --bundle ，静态文本旁边什么都没有显示。

home.component.tns.html

 <GridLayout>
     <WebView src="~/assets/seatmap/index.html"></WebView>
 </GridLayout>

home.component.tns.html

 <!doctype html>
 <html lang="en">
 <head>
 <meta charset="utf-8">
 <title>t</title>
 <base href="/">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <link rel="icon" type="image/x-icon" href="favicon.ico">
 <link rel="stylesheet" href="styles.x.css"></head>
 <body>
     <img src="favicon.ico"> // not displayed
     <img src="./favicon.ico"> // displayed
     <app-root></app-root> // nothing is displayed
     <b>This text is displayed</b>
     <script type="text/javascript" src="runtime.x.js"></script>
     <script type="text/javascript" src="polyfills.x.js"></script>
     <script type="text/javascript" src="main.x.js"></script>
 </body>
 </html>

已加载Javascript文件。路径没有问题。当我将 src 更改为任何外部网站（src =“ http://facebook.com”）时，一切正常。

Answer 1

与NativeScript WebView loading local resources in src document重复

这是iOS的已知问题，请在此处参考我的答案，其中包括可能的解决方法。

Nativescript 5.0-在Android上显示从WebView组件内部的本地路径读取的React / Angular Webapp

1 个答案: