Angular 5 与 Cordova (Phonegap)

Question

设置：使用 ng new mobile 创建新的 Angular 项目，并通过 ng build 创建该项目的构建。然后通过phonegap create mobile创建空的cordova项目并将dist文件夹的内容从angular移动到phonegap项目的www文件夹中，并添加到index.html <script src="cordova.js"></script>
问题：当我打开该应用程序的浏览器版本时，一切正常，但是当我在 phonegap 应用程序中打开该应用程序进行测试时，没有显示任何内容。文件index.html 正常打开，但<app-root></app-root> 没有填满页面。
登录启动应用程序：

[phonegap] 正在启动应用服务器...
[phonegap] 在 192.168.0.102:8080 上收听
[电话间隙]
[phonegap] ctrl-c 停止服务器
[电话间隙]

在浏览器中打开页面：

[phonegap] 200 /
[phonegap] 200 /cordova.js
[phonegap] 304 /socket.io/socket.io.js
[phonegap] 200 /styles.bundle.js
[phonegap] 200 /inline.bundle.js
[phonegap] 200 /main.bundle.js
[phonegap] 200 /polyfills.bundle.js
[phonegap] 200 /vendor.bundle.js
[phonegap] 200 /socket.io/?EIO=3&transport=polling&t=M8b8xS3
[phonegap] 200 /cordova_plugins.js
[phonegap] 200 /socket.io/?EIO=3&transport=polling&t=M8b8xSy&sid=20QHVka_YOvFssMwAAAA
[phonegap] 200 /socket.io/?EIO=3&transport=polling&t=M8b8xTY&sid=20QHVka_YOvFssMwAAAA

在 phonegap 应用中打开页面登录：

[phonegap] [console.warn] 内容安全策略已修改为：https://ssl.gstatic.com > 'unsafe-eval' * ws:;style-src 'self' 'unsafe-inline'数据：blob:;media-src *;img-src 'self' 数据：内容：*;script-src * 'unsafe-inline' 'unsafe-eval' 数据：blob:;">
[phonegap] 200 /api/appzip
[phonegap] 200 /socket.io/socket.io.js
[phonegap] 200 /socket.io/?EIO=3&transport=polling&t=M8b98u4
[phonegap] 200 /socket.io/?EIO=3&transport=polling&t=M8b98uZ&sid=ObEnma7oyhhUimWDAAAB
[phonegap] 200 /socket.io/?EIO=3&transport=polling&t=M8b98un&sid=ObEnma7oyhhUimWDAAAB

Answer 1

将 index.html 中的 base href=“/” 标签更新为 base href=“./”