1
resposta

[Sugestão] [Sugestão] Impor SVG não funciona em Vite - 2023

Pessoal, quem tentou realizar a importação do svg usado no footer e está usando o Vite, irá apresentar problemas com o import. Para resolver o problema existe um post realizado aqui na comunidade que indica usar o vite-plugin-svgr, no meu caso ele continuou dando problema no import e quebrando a página.

Caso esteja na mesma situação, vim trazer um possível solução que pode resolver o seu problema. A solução é usar @svgr/rollup.

  1. Instale o pacote npm com o seguinte comando:

     `npm install @svgr/rollup -D`
    
  2. Alterar o arquivo vite.config.js que esta na raiz: Insira aqui a descrição dessa imagem para ajudar na acessibilidadeEste é o código caso queira copiar e colar:

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import svgr from '@svgr/rollup';

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [ svgr(), react()]
})

Você pode manter a mesma maneira de importação indicada no curso que irá funcionar normalmente!

1 resposta

Valeu muito por compartilhar! Vai ajudar d+