@SVGR 无法打开程序集

Question

我正在使用 SVGR 将我的 SVG 文件转换为 React Web 应用程序中的组件。一个月前我在这个项目中多次使用这个命令，但现在它抛出一个错误，但是，我没有改变任何折叠结构或任何东西。

这是我使用的命令（将所有 svg 文件从 svg 文件夹转换为图标文件夹）：

npx @svgr/cli src/assets/images/svg --out-dir src/components/icons --icon --replace-attr-values "#000=currentColor"

这里是错误：

无法打开程序集“src/assets/images/svg”：文件不包含有效的 CIL 图像。

Answer 1

我想通了！我没有使用该命令，而是将这一行添加到我的 package.json 脚本部分：

svgr -d src/components/icons/ src/assets/images/svg --replace-attr-values '#000=currentColor'

轻松运行

npm run svgr

工作完成，图标组件在src/components/icons/目录下制作。