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

前端之家收集整理的这篇文章主要介绍了简单的Angular 2 Cordova应用程序无法在Android模拟器上运行前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在开发使用VS代码Windows 10,我有 Android工作室设置与 Android模拟器nexus 5 API 24

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

ng new angular2-cordova-test

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

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

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

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

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

cordova emulate android

我在模拟器中加载了……并且app无法正常工作

Android Emulator

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

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

解决方法

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

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

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

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

< base href =“/”>

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

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

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

这是一个很好的实验

更新:

在进入建立有角度的科尔多瓦路线的情况后,Parth Ghiya的暗示是必须的

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

猜你在找的Angularjs相关文章