나만보는개발공부블로그

[NextJS] nextjs Error: Plugin name should be specified 본문

Web Development/Front

[NextJS] nextjs Error: Plugin name should be specified

alexrider94 2022. 6. 7. 22:11

SVG 파일을 responsive하게 size를 변경할려다가 svg의 viewBox가 있어야한다는걸 인지하게 되었고 @svgr/webpack에서 options 설정을 따로 해주지 않을경우 viewBox가 표시되지않는걸 확인하였다.

그래서 다음과 같이 설정하였는데

module.exports = {
  webpack(conf) {
    conf.module.rules.push({
      test: /\.svg$/,
      use: [
        {
          loader: "@svgr/webpack",
          options: {
            svgoConfig: {
              plugins: [
                {
                  removeViewBox: false,
                },
              ],
            },
          },
        },
      ],
    });
    conf.resolve.modules.push(__dirname);
    return conf;
  },
};

제목과 같은 에러가 발생하였다.
nextjs Error: Plugin name should be specified

구글링 결과 해결 방법은 
plugins안에서 

...
plugins: [
		{
                  name: "removeViewBox",
                  active: false,
		},
	 ],

위의 방식 처럼 변경 해주면 된다.

'Web Development > Front' 카테고리의 다른 글

[Cypress] window.__coverage__ is undefined  (0) 2022.06.24
[NextJS] SEO for SVG image file  (0) 2022.06.07
[NextJS] create-react-app migration to NextJS  (0) 2022.06.07
Storybook 적용  (0) 2022.04.27
[React]ref 와 forwardRef  (0) 2021.12.15