尝试使用raw-loader加载svg时出现捆绑错误

是因为raw-loader默认将加载的文件视为JavaScript模块进行处理，而SVG文件不是有效的JavaScript模块，因此会导致捆绑错误。

解决这个问题的方法是使用file-loader或url-loader来加载SVG文件，而不是使用raw-loader。file-loader和url-loader可以将SVG文件作为静态资源进行处理，并返回文件的URL或base64编码。

以下是解决该问题的步骤：

1. 首先，确保已经安装了file-loader或url-loader。可以使用以下命令进行安装：
2. 首先，确保已经安装了file-loader或url-loader。可以使用以下命令进行安装：
3. 或
4. 或
5. 在webpack配置文件中，添加对SVG文件的处理规则。示例如下：
6. 在webpack配置文件中，添加对SVG文件的处理规则。示例如下：
7. 上述配置中，使用file-loader将SVG文件输出到指定的输出路径，并生成带有哈希值的文件名。也可以使用url-loader，它可以将小于指定大小的SVG文件转换为base64编码，减少HTTP请求。
8. 在代码中使用相对路径引入SVG文件。例如：
9. 在代码中使用相对路径引入SVG文件。例如：
10. 或者在HTML中使用img标签引入SVG文件：
11. 或者在HTML中使用img标签引入SVG文件：

通过以上步骤，你应该能够成功加载SVG文件而不再出现捆绑错误。如果你使用的是腾讯云的云服务器，推荐使用腾讯云对象存储（COS）来存储和管理静态资源文件。你可以在腾讯云官网上了解更多关于腾讯云对象存储的信息：腾讯云对象存储（COS）。