Как победить ошибку Error in parsing SVG: Unquoted attribute value?

Ошибка "Error in parsing SVG: Unquoted attribute value" возникает в Gulp.js при попытке обработки SVG-файлов, содержащих атрибуты со значением без кавычек. Это может произойти, когда вы используете различные инструменты, которые генерируют SVG-файлы без правильных кавычек в атрибутах.

Чтобы исправить эту ошибку, вам нужно применить некоторые изменения в вашем gulp-таске, ответственном за обработку SVG-файлов.

Во-первых, вам необходимо установить плагин gulp-svgmin, чтобы минимизировать SVG-файлы и исправить ошибки в них. Вы можете установить его, выполнив следующую команду:

npm install gulp-svgmin --save-dev

После установки плагина вы можете добавить его в ваш gulp-таск следующим образом:

const gulp = require('gulp');
const svgmin = require('gulp-svgmin');

gulp.task('minify-svg', function() {
  return gulp.src('path/to/svg/files/*.svg')
    .pipe(svgmin({ plugins: [{ removeViewBox: false }] }))
    .pipe(gulp.dest('path/to/destination'));
});

В этой конфигурации передается опция { removeViewBox: false }, которая позволяет сохранить атрибут viewBox, который может неявно указывать размеры SVG-изображения.

Вы можете настроить путь к исходным и целевым файлам соответственно в соответствии с вашим проектом.

Затем вы можете запустить этот gulp-таск, чтобы обработать SVG-файлы и исправить ошибку "Error in parsing SVG: Unquoted attribute value".

Также, если у вас возникла проблема с SVG-файлами, сгенерированными программно (например, через React или Vue компоненты), вам может быть удобнее использовать специальные плагины или инструменты для обработки SVG таких как "SVGO" или "html-loader" для Webpack, чтобы устранить ошибки внутри файлов, прежде чем добавить их в Gulp.js таск.

Надеюсь, это поможет вам решить проблему и исправить ошибку "Error in parsing SVG: Unquoted attribute value" в вашем Gulp.js проекте.