VueJS (Typescript) - SVG 不渲染答案

【问题标题】：VueJS (Typescript) - SVGs not renderingVueJS (Typescript) - SVG 不渲染
【发布时间】：2023-10-14 17:18:01
【问题描述】：

所以我有一个奇怪的问题，应该是直截了当的。如果将 vue 与 js 一起用作 cdn.... 则效果更好（就像它在 Angular 或其他任何地方一样）

<img src="/assets/images/icons/myicoin.svg>

但奇怪的是，如果我通过 webpack（和打字稿）来做，它就不起作用......直接访问 svg 时

http://localhost:8080/assets/images/icons/myicoin.svg

它尝试渲染应用程序而不是图标

我尝试使用 vue-svg-loader

但是感觉设计过度了，而且它不能按我想要的那样工作......

那么知道如何告诉 webpack 不理会 SVG 并将其视为任何其他图像资源吗？

奇怪的是，如果我将其作为外部资源（不同的域）包含在内，它完全可以正常工作

【问题讨论】：

【解决方案1】：

好吧，对于那些不知道的人

不要将静态资产（如照片（包括）SVG）放入 src/assets 文件夹，放入 public/assets

所有静态资产都应该放在public文件夹中，在构建时，它只是被复制过来！

希望能帮助别人！

【讨论】：

所以您的项目根目录中有三个文件夹？（公共，src，构建）？
no build for me.... public 和 src .... public 应该是静态的...当我构建时，我将两者的组合放入 dist forlder 中跨度>