SVGO Error: Plugin name should be specified

[bacon-delight]

I'm getting a "Plugin name should be specified" error when using the SVGO transformer. Can anyone please help?

Snippet

require("dotenv").config();

module.exports = {
	commands: [
		[
			"components",
			{
				fileId: process.env.FILE_ID,
				onlyFromPages: ["solid"],
				transformers: [
					require("@figma-export/transform-svg-with-svgo")({
						plugins: [
							{ removeViewBox: false },
							{ removeDimensions: true },
						],
					}),
				],
				outputters: [
					// https://www.npmjs.com/package/@figma-export/output-components-as-es6
					require("@figma-export/output-components-as-svg")({
						output: "./",
					}),
				],
			},
		],
	],
};

Error

✖ preparing components
Error: Plugin name should be specified
    at resolvePluginConfig (/Users/bacon/Documents/Projects/Ecosphere Icons/node_modules/svgo/lib/svgo/config.js:113:13)
    at Array.map (<anonymous>)
    at optimize (/Users/bacon/Documents/Projects/Ecosphere Icons/node_modules/svgo/lib/svgo.js:50:37)
    at optimize (/Users/bacon/Documents/Projects/Ecosphere Icons/node_modules/svgo/lib/svgo-node.js:97:10)
    at /Users/bacon/Documents/Projects/Ecosphere Icons/node_modules/@figma-export/transform-svg-with-svgo/dist/index.js:14:44
    at Generator.next (<anonymous>)
    at /Users/bacon/Documents/Projects/Ecosphere Icons/node_modules/@figma-export/transform-svg-with-svgo/dist/index.js:8:71
    at new Promise (<anonymous>)
    at __awaiter (/Users/bacon/Documents/Projects/Ecosphere Icons/node_modules/@figma-export/transform-svg-with-svgo/dist/index.js:4:12)
    at /Users/bacon/Documents/Projects/Ecosphere Icons/node_modules/@figma-export/transform-svg-with-svgo/dist/index.js:13:21

[bacon-delight]

Solution

The structure is different as referred from the documentation here: https://github.com/svg/svgo. The configuration that worked is:

        {
		name: "removeDimensions",
		active: true,
	},
	{
		name: "sortAttrs",
		active: true,
	},
	{
		name: "removeAttrs",
		params: {
			attrs: "(stroke)",
		},
	},
	{
		name: "addAttributesToSVGElement",
		params: {
			attributes: [
				{
					stroke: "currentColor",
				},
			],
		},
	},

[NikhilIluri]

Can you paste the .figmaexportrc.js, still getting the same error

[marcomontalbano]

Hi @NikhilIluri , did you try with the .figmaexportrc.js attached to the README.md?
I'm just copy and pasting it here:

module.exports = {

    commands: [

        ['styles', {
            fileId: 'fzYhvQpqwhZDUImRz431Qo',
            // version: 'xxx123456', // optional - file's version history is only supported on paid Figma plans
            // onlyFromPages: ['icons'], // optional - Figma page names (all pages when not specified)
            outputters: [
                require('@figma-export/output-styles-as-sass')({
                    output: './output/styles'
                })
            ]
        }],

        ['components', {
            fileId: 'fzYhvQpqwhZDUImRz431Qo',
            // version: 'xxx123456', // optional - file's version history is only supported on paid Figma plans
            onlyFromPages: ['icons'],
            // filterComponent: (component) => !/^figma/.test(component.name), // optional
            transformers: [
                require('@figma-export/transform-svg-with-svgo')({
                    plugins: [
                        {
                            name: 'preset-default',
                            params: {
                                overrides: {
                                    removeViewBox: false,
                                }
                            }
                        },
                        {
                            name: 'removeDimensions',
                            active: true
                        }
                    ]
                })
            ],
            outputters: [
                require('@figma-export/output-components-as-svg')({
                    output: './output/components'
                })
            ]
        }]

    ]

};

[NikhilIluri]

Hi @marcomontalbano , thanks for the response. The issue is fixed now.