React、Vite 和 Docker 项目:配置包“vite-plugin-svgr”在 Docker 容器中出现错误“无法从 /app/vite.config.js 加载配置”

问题描述 投票:0回答:1

问题: 由于上传 svg 图像的问题,我安装了一个包“vite-plugin-svgr”。 以前我可以上传 svg,但突然不能上传并且出现错误(不记得错误的名称)。 配置vite插件svgr后,在Docker容器中开始报错 “无法从/app/vite.config.js加载配置”

堆栈:

  • 反应,
  • 维特
  • Docker

尝试: 当我开始遇到无法上传 svg 图像的问题时,我尝试上网查找。 在阅读了几篇相关文章后,我最终安装了 vite 插件 svgr 包。 但不幸的是它没有解决问题并最终尝试解决上传 SVG 图像的问题。

我还尝试在导入路径后添加“?react”和“?component”。 示例:

  • 从 '/svg/wooden_training_dummy.svg?react') 导入 WoodenTrainingDummy
  • 我已将图像存储在公共文件夹中,例如“public/svg/image.svg”

我在配置 tailwinds.config.js 文件之前尝试过此操作。 不幸的是,浏览器中出现了错误。

错误:

  • “react-router-dom.js?v=7c2216da:3545 React Router 在渲染 DOMException 期间捕获以下错误:无法在“文档”上执行“createElement”:提供的标签名称 ('/svg/wooden_training_dummy.svg?react ') 不是有效名称.."

非常感谢您阅读我的问题,希望这对你们中的一些人来说是一个简单的解决方案。


github项目:


页面:问题

  • 本地主机:3000/注册

图片(链接):

docker 中显示错误

配置vite.config.js后


结果?

我希望能够毫无问题地上传 svg 图片

我看过这些文章,但无法让它为我工作

文章:关于 svg 问题

javascript reactjs docker vite vite-plugin-development
1个回答
0
投票

我现在可以使用了! 阅读完 stackoverflow 上的这篇帖子后 我刚刚做了以下操作,用“-v”标签重建docker容器, 经过多次尝试重建容器后,这似乎解决了问题

© www.soinside.com 2019 - 2024. All rights reserved.