Angular 不从资产加载图像
问题描述 投票：0回答：1
我正在制作一个角度应用程序，在资产内部创建了一个名为“image”的文件夹，并将图像放置在那里，然后在 html 组件中引用它们，但是在使用 ng 并检查应用程序之后，图像没有出现，给出控制台中未找到的错误，服务器无法识别资产中创建的图像页面
最奇怪的是，如果我将图像直接放入资产中，它会识别它
为什么会发生这种情况？怎么解决 ？如何让 Angular 识别 asset 中的文件夹？
我尝试更改文件夹并移动图像
1个回答
0
投票
投票
始终要记住，Angular 会经历构建步骤，并且您引用的不是项目结构中的资产，而是通过服务器提供服务时的公共资产文件夹。查看此内容的最简单方法是在运行构建后查看 dist/ 文件夹。
默认情况下，由您的 angular.json 决定，资产会在您将其放入资产中时被复制出来，因此 src 看起来像
src="./assets/...最新问题
- as3 如何使用数组列表进行交换？
- Android 从互联网获取数据（android.os.NetworkOnMainThreadException）
- 从 c# 中的另一个表单调用函数后出现 CS1503 错误
- TCP 客户端连接功能的 C 问题
- 字符文本到 HTML生成 PDF </desc> <question vote="0"> <p>所以我尝试使用jsPDF，但我尝试修复错误，但代码无法识别jsPDF</p> <pre><code><!DOCTYPE html> <html lang="en"> <head> <title>Generate PDF jsPDF</title> </head> <body> <button id="button" onclick="pdf()">Create PDF</button> </body> <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script> <script> function pdf() { var doc = new jsPDF() doc.text('hello, world!', 10, 10) doc.save('output.js') } </script> </html> </code></pre> <p>尝试更改函数开始的位置，但它仍然不想运行。</p> </question> <answer tick="false" vote="0"> <p><strong>您必须按如下方式使用它：</strong></p> <pre><code><script> const { jsPDF } = window.jspdf; function pdf() { var doc = new jsPDF() doc.text('hello, world!', 10, 10) doc.save('output.js') } </script> </code></pre> </answer> </body></html>
- NoSuchElementException，Selenium 无法定位元素
- 如何使用 DSL 查询丢弃 ElasticSearch 中的重复值？
- 根据文件扩展名配置 VS Code 默认构建任务
- 强制连接工作
- 创建一个包含 2 个 CSV 的 Zip
- 如何将匿名函数传递给ggplot的facet_wrap()中的labeller参数以将文本添加到现有标签？
- 无法使用非常简单的httpWebRequest类应用程序连接远程服务器
- 使用 javascript 按 Enter 键提交表单
- 从 Facebook Graph API 评级调用获取审阅者信息
- 使用 connect-rest 支持 grunt-serve 中的 POST？
- C++ 关于连接两个字符串
- 使用 NetBeans 11.0 生成 .JAR 文件
- 跨多个区块链拥有单一 ERC-20 地址
- ES6 代理的主要用例
- 如何自定义python中logging.handlers.RotatingFileHandler创建的日志文件的名称？
© www.soinside.com 2019 - 2024. All rights reserved.