node.js - 在使用 npm run build 运行 reactjs 项目时，出现错误--postcss-svgo: Error in parsing SVG: Attribute without value

Question

代码在 npm start 上运行良好。但是在 npm-run-build 上运行时，显示以下错误：

react-scripts build
Creating an optimized production build...
Failed to compile.
postcss-svgo: Error in parsing SVG: Attribute without value
Line: 0
Column: 60
Char: d
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! matchtimings@0.1.0 build: `react-scripts build`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the matchtimings@0.1.0 build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

错误截图：

Answer 1

当我们在代码中的某处使用编码格式的 svg 数据 URI 时，可能会出现这种错误，例如 background-image: url('data:image/svg xml...)。

因此，只需使用任何在线 URL 编码器/解码器（URI 解码器）解码该编码的 svg URI 内容，并在那里替换该解码的 svg 内容

例如 ：

编码的 URI

background-image: url('data:image/svg+xml,%3csvg xmlns=http://www.w3.org/2000/svg width=12 height=12 fill=none stroke=%23dc3545 viewBox=0 0 12 12%3e%3ccircle cx=6....');

解码的 URI

background-image: url('data:image/svg xml,<svg xmlns=http://www.w3.org/2000/svg width=12 height=12 fill=none stroke=#dc3545 viewBox=0 0 12 12>......</svg>');