使用react i18n部署我的React应用程序会在locales.json上引发404错误

Question

我已经在Netlify上部署了我的React应用（CRA），但是它在所有translations.json文件上给我404错误。它在本地工作，所以我迷路了。

我的i18n设置文件如下：

import i18n from 'i18next'
import Backend from 'i18next-xhr-backend'
import LanguageDetector from 'i18next-browser-languagedetector'
import { initReactI18next } from 'react-i18next'

export const appLocales = ['en', 'ja', 'nl']

i18n.use(Backend)
    .use(LanguageDetector)
    .use(initReactI18next)
    .init({
        debug: false,
        lng: 'en',
        fallbackLng: 'en',
        whitelist: appLocales,
        interpolation: {
            escapeValue: false
        }
    })

export default i18n

尽管翻译似乎可以正常工作，但我想知道为什么它首先会引发404错误。有人可以帮我吗？