无法加载资源：服务器以404（）的状态响应 - react部署可以找到文件，而i18翻译

Question

我在部署投资组合时遇到麻烦。 我使用i18-reactnext库来翻译代码，并且在开发服务器中一切正常，但是当我进行构建时，我会遇到错误。 我尝试在vercel中部署Git Hub页面，即使在预览中，我也会遇到相同的错误。

我进入控制台的错误。

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>
);