cordova - 简单的 Angular 2 Cordova 应用程序无法在 Android 模拟器上运行

Question

我在 windows 10 上使用 VS code 进行开发，我有 android studio 设置和 android emulator nexus 5 API 24

我使用 angular-cli 创建了一个新的 angular 2 应用程序:

 ng new angular2-cordova-test

在项目文件夹中，我使用 Cordova cli 创建了一个新的 Cordova 项目:

 cordova create cordova com.example.cordova cordova
 cordova platform add android --save
 cordova build

从 root 目录，我将 angular 2 应用程序构建到 Cordova www 目录

 ng build --prod --output-path=cordova/www/

当我将 cordova 目录中的应用程序运行到模拟器中时:

 cordova emulate android

我在模拟器中得到Loading...，而应用程序不工作

Android Emulator

我认为这与 ES6 和模拟器 webview

有关

我该如何解决这个问题？提前致谢

Answer 1

实际上，我在这里问了这个问题:

https://stackoverflow.com/questions/40470766/angular-2-and-cordova

由于奇怪的原因关闭了!!所以评论里有答案

问题很简单，angular 2 项目形成的 HTML 包含:

<base href="/">

这是导致问题的原因，只需将其删除

在解决问题的过程中，我还学会了如何:

• 在模拟器上使用 chrome 开发工具调试应用
• 在我的手机上使用 chrome 开发工具调试应用
• 创建签名的 APK

这是一个很好的尝试

更新:

在进入构建 angular + cordova + 路由的情况后，Parth Ghiya 的提示是必须

我将元标记更改为 <base href=".">包括路由在内的一切都工作得很好