反应 webpack 包不是 utf-8

Question

我正在使用 webpack 和 react-intl 构建一个 react webapp。我的应用程序应该是瑞典语和英语。当我在开发模式下构建 Web 应用程序时，它工作正常。

但是当我构建应用程序并将其运行作为静态网站时，我运行遇到了字符编码问题：Ö 变为 Ã– 等等.

这可能是加载程序中的错误吗？或者我应该从哪里开始解决问题？

我这样加载翻译文件：

import { IntlProvider, addLocaleData } from 'react-intl';
import formatTranslations from 'utils/formaters/translations-formater';
import en from 'react-intl/locale-data/en';
import sv from 'react-intl/locale-data/sv';
addLocaleData([...en, ...sv]);

import svStrings from 'locales/sv';
import enStrings from 'locales/en';

const strings = { 
  sv: formatTranslations(svStrings),
  en: formatTranslations(enStrings)
};

Answer 1

我通过将此添加到我的html解决了这个问题：

<meta charset="UTF-8">

我不知道为什么运行开发中的应用程序不需要它。

反应 webpack 包不是 utf-8

React webpack bundle not utf-8

character-encoding

reactjs

react-intl