【问题标题】:Items from assets directory not showing in either ionic serve or ionic cordova run资产目录中的项目未在 ionic serve 或 ionic cordova run 中显示
【发布时间】:2019-08-29 01:03:39
【问题描述】:

资产目录中的图像和 svg 未显示在 ionic serve 中。似乎资产文件夹在构建期间没有复制到 www 目录中。

我的项目目录结构是:
-src
--app
--资产
---图标
---svg
--环境
--主题

我已经尝试调整图像和 svg 的 src 位置。但似乎它们都不起作用!

我已经尝试过的路径:
评估/
/资产/
./assets/
../assets/
../../assets/

控制台错误提示:
GET http://localhost:8100/icon/cash-round.png 404(未找到)
GET http://localhost:8100/svg/md-apps.svg 404(未找到)
GET http://localhost:8100/svg/md-send.svg 404(未找到)

这里是html文件的代码:

<ion-header>
    <ion-toolbar>
        <ion-title>
            <img src="icon/cash-round.png"> Welcome
        </ion-title>
    </ion-toolbar>
</ion-header>

<ion-content>
    <ion-card class="welcome-card">
        <ion-card-header>
            <ion-card-subtitle>Get Started</ion-card-subtitle>
            <ion-card-title>Welcome to Ionic</ion-card-title>
        </ion-card-header>
        <ion-card-content>
            <p>Now that your app has been created, you'll want to start building out features and components. Check out some of the resources below for next steps.</p>
            <button id="demo">Click me</button>
        </ion-card-content>
    </ion-card>

</ion-content>

如果我必须安装任何包来显示图像或其他文件(如 package.json 或 angular.json)中的更改,请告诉我

【问题讨论】:

    标签: angular ionic-framework ionic2 ionic3 ionic4


    【解决方案1】:

    这是引用资产文件夹的方法

    <ion-img src="/assets/shapes.svg"></ion-img>
    

    ionic serve 使用 src 而不是 www 我相信

    cmd - ionic start example sidemenu 在主屏幕中有一个示例

    【讨论】:

    • 但实际上它并没有在我构建项目后将文件从 assets 文件夹复制到 www 文件夹。
    • ionic start example sidemenu 也不显示图片和svgs
    猜你喜欢
    • 1970-01-01
    • 2018-05-01
    • 2019-10-08
    • 2022-01-25
    • 1970-01-01
    • 1970-01-01
    • 2019-01-06
    • 2015-12-11
    • 2019-05-05
    相关资源
    最近更新 更多