您正在运行 vue-i18n 的 esm-bundler 版本。建议将您的捆绑程序配置为显式替换功能标志全局变量

我创建了一个 ionic 应用程序并添加了 vue-i18n。

npx ionic start myapp tabs --type vue
npm install vue-i18n@next

我完成了 VueI18n 设置的第一步，并将其添加到“./src/main.ts”中：

import { createI18n } from 'vue-i18n';

const i18n = createI18n({
  locale: 'de',
  fallbackLocale: 'en',
  messages: {en: {testMessage: 'Test message'}, de: {testMessage: 'Testnachricht'}}
});

当查看结果后npx ionic serve我在浏览器控制台中收到以下警告：

您正在运行 vue-i18n 的 esm-bundler 版本。建议将捆绑程序配置为使用布尔文字显式替换功能标志全局变量，以便在最终捆绑包中获得适当的树摇动。

我在浏览器控制台中获取此信息：

您正在运行 vue-i18n 的开发版本。 确保在部署生产时使用生产版本 (*.prod.js)。

当我注释掉添加到“./src/main.ts”的代码片段时，两个通知都会消失。所以它们看起来确实是由 vue-i18n 引起的。

在询问了 Google 之后，我仍然不知道如何处理这些通知。他们在告诉我什么？我应该对他们做点什么吗？具体我可以做什么？

这些是在新项目的根文件夹中自动创建的文件：

./ionic.config.json
./cypress.json
./jest.config.js
./babel.config.js
./.gitignore
./package-lock.json
./package.json
./.eslintrc.js
./tsconfig.json
./capacitor.config.json
./.browserslistrc

还请告诉我where我需要改变一些东西。还

$ find . -type f ! -name package-lock.json -maxdepth 1 -exec grep -iH webpack {} \;
./tsconfig.json:      "webpack-env",

所以如果你告诉我“正确设置 webpack”，我将不知道该怎么做。

现在我用这种方式导入i18n，警告消失了

import { createI18n } from 'vue-i18n/index'