我目前正在尝试将Angular-Application移植到Cordova。我在科尔多瓦的经历是有限的,我尝试的大多数事情似乎都有效,但我面临的一个主要问题。除了来自外部资源(我的后端)的资产外,所有资产都没有加载。
这是我的config.xml
<?xml version='1.0' encoding='utf-8'?>
<widget id="com.timmaex.app" version="1.0.0" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
<name>CheckMeTest</name>
<description>
Test Application
</description>
<author email="censored" href="censored">
Me
</author>
<content src="index.html" />
<plugin name="cordova-plugin-whitelist" spec="1" />
<access origin="*" />
<access launch-external="yes" origin="tel:*" />
<allow-navigation href="*" />
<allow-navigation href="http://*/*" />
<allow-navigation href="https://*/*" />
<allow-navigation href="data:*" />
<allow-intent href="*" />
<access origin="*" />
<access origin="*" />
<allow-intent href="http://*/*" />
<allow-intent href="https://*/*" />
<allow-intent href="tel:*" />
<allow-intent href="sms:*" />
<allow-intent href="mailto:*" />
<allow-intent href="geo:*" />
<platform name="android">
<allow-intent href="market:*" />
</platform>
<platform name="ios">
<allow-intent href="itms:*" />
<allow-intent href="itms-apps:*" />
</platform>
<engine name="android" spec="6.2.1" />
<engine name="browser" spec="^5.0.3" />
</widget>
我使用Angular cli进行了AOT Build,并将dist文件夹移动到我的Cordova项目中的www /文件夹,包括资产。
然后我们去,它编译并运行得很好。我可以做任何事情,但在Android上加载我的本地资产。为什么会这样,我该怎么做呢?
答案 0 :(得分:0)
您可以通过添加浏览器平台来模拟浏览器中的应用,然后检查出现了什么问题。
答案 1 :(得分:0)
我遇到了同样的问题,我将来源用作
src =“ ../ assets / imgs / logo.png”
然后我将其更改为
src =“ assets / imgs / logo.png”
删除了所有“ ../”
答案 2 :(得分:0)
这很简单,因为我们保留了“ ./”作为基础,因此无论您在何处使用资产,都应使用相同的方式,例如:“ ./ assets / img.png”。就我而言,它确实有效。Angular Screenshot Image Cordova Generated apk installed on Virtual Android Machine Image
<img class="img-fluid" src="./assets/skyscrapers(450).png" /> <!--Usage of assets folder-->
<base href="./"> <!--Base Link in Generated index.html from Dist folder->