Tenho um projeto que usa uma dependenciadependência chamada @uiw/react-md-editor ,@uiw/react-md-editor
e, para essa dependencia do React funcionar no NextJS éque funcione com Next.js, preciso criar o arquivo next.config.jsnext.config.js
e colocar este codigocódigo:
// next.config.js
const removeImports = require('next-remove-imports')();
module.exports = removeImports({});
É uma gambiarra para lidar com erros de css, a propria documentação recomenda..E isto funciona. mas sendo gambiarra ou não sempre usei assim e sempre funcionou!
Mas agora precisei criar mais regras noquando preciso definir as configurações do próprio Next.js nesse arquivo next.config.js(nesse caso para permitir acesso de imagens de outros dominios. Que é basicamente este codigodomínios), tenho que fazer isto:
// next.config.js
module.exports = {
images: {
domains: [
'localhost',
'10.0.0.164',
'exemplo.com',
'exemplo.com.br'
]
}
};
Aí que começar o problema Aí que começa o problema. Não consigo usar os dois códigos no mesmo arquivo (que, o que era para ser tãoalgo simples), já.
Já tentei declarar os dois module.exportsmodule.exports
separados, já tentei exportar um objeto com os dois, um array, e tudo que conheço. Mas só "funciona" se tiver um ou o outro. Mas se tiver só um então vou ter que remover a lógica do outro do app e quero usar os dois recursos. Já pesquisei e encontrei alguns exemplos de como fazer isso, mas todos estão desatualizados.
Obs.: EsteObserve que esse exemplo não acontece apenas com essa lib, semprebiblioteca. Sempre que preciso exportar dois modulesduas configurações (de um plugin e do Next.js, dapor exemplo), dá erro...