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

Sai*_*aif 4 android-emulator cordova angular

我正在开发使用VS代码的Windows 10,我有Android工作室设置与Android模拟器nexus 5 API 24

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

 ng new angular2-cordova-test
Run Code Online (Sandbox Code Playgroud)

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

 cordova create cordova com.example.cordova cordova
 cordova platform add android --save
 cordova build
Run Code Online (Sandbox Code Playgroud)

目录我将angular 2应用程序构建到Cordova www目录中

 ng build --prod --output-path=cordova/www/
Run Code Online (Sandbox Code Playgroud)

当我从cordova目录运行应用程序到模拟器:

 cordova emulate android
Run Code Online (Sandbox Code Playgroud)

我进入Loading...了模拟器,应用程序无法正常工作

Android模拟器

我认为这与ES6和模拟器webview有关

我怎样才能解决这个问题?提前致谢

Sai*_*aif 5

实际上,我在这里重复了这个问题:

/sf/ask/2832953651/

由于我们的原因关闭!所以答案就在那里

这个问题非常简单,由angular 2项目组成的HTML包含:

<base href="/">

这就是导致问题的原因,只需将其删除即可

也在解决问题的方式我学会了如何:

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

这是一个很好的实验

更新:

在进入建立角+ cordova +路线的情况后,Parth Ghiya的提示是必须的

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