Cordova App不加载本地资产

时间:2018-03-02 12:40:59

标签: android angular cordova assets

我目前正在尝试将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上加载我的本地资产。为什么会这样,我该怎么做呢?

3 个答案:

答案 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->