资产目录中的项目未显示在离子服务或离子科尔多瓦运行中



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

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

我已经尝试调整图像和 svg 的 src 位置。但似乎它们都没有奏效!

我已经尝试过的路径:
屁股/
/assests/
./assests/
../assests/
../../assests/

控制台中的错误显示:
获取 http://localhost:8100/icon/cash-round.png 404(未找到(
获取 http://localhost:8100/svg/md-apps.svg 404(未找到(
获取 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(中的更改,请告诉我

这是

引用资产文件夹的方法

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

Ionic Serve使用SRC而不是www

我相信

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

相关内容

  • 没有找到相关文章

最新更新