Tengo problemas para implementar mi cartera. Usé la biblioteca i18-reactnext para traducir el código y todo funciona bien en el servidor de desarrollo, pero cuando hago la compilación obtengo los errores. Intenté implementar en las páginas de git hub, en vercel e incluso en la vista previa obtuve los mismos errores.

Error que tengo en la consola.

 Failed to load resource: the server responded with a status of 404

 import React from 'react'; import ReactDOM from 'react-dom/client'; import i18n from 'i18next'; import { initReactI18next } from 'react-i18next'; import LanguageDetector from 'i18next-browser-languagedetector'; import HttpApi from 'i18next-http-backend'; import App from './views/App'; import './reset.css'; import './index.css'; import 'bootstrap-icons/font/bootstrap-icons.css'; import 'flag-icon-css/css/flag-icons.min.css'; i18n .use(initReactI18next) .use(LanguageDetector) .use(HttpApi) .init({ supportedLngs: ['pt', 'en'], fallbackLng: 'pt', detection: { order: ['cookie', 'localStorage', 'htmlTag', 'path', 'subdomain'], caches: ['cookie'], }, backend: { loadPath: '../assets/locales/{{lng}}/translation.json', }, }); ReactDOM.createRoot(document.getElementById('root')).render( <React.StrictMode> <App /> </React.StrictMode> );