Вы используете сборку esm-bundler vue-i18n. Рекомендуется настроить ваш упаковщик так, чтобы он явно заменял глобальные флаги функций на

J'ai créé une application ionique et ajouté vue-i18n.

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


J'ai fait la toute première étape de la configuration de VueI18n et ajouté ceci à "./src/main.ts":

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


Lorsque je regarde le résultat après npx ionic serveavoir reçu l'avertissement suivant dans la console du navigateur :

Vous exécutez la version esm-bundler de vue-i18n. Il est recommandé de configurer votre bundler pour remplacer explicitement les variables globales des indicateurs de fonctionnalité par des littéraux booléens afin d'obtenir une arborescence appropriée dans le bundle final.

Et je reçois cette information dans la console du navigateur :

Vous exécutez une version de développement de vue-i18n. Assurez-vous d'utiliser la version de production (*.prod.js) lors du déploiement pour la production.

Lorsque je commente l'extrait ajouté à "./src/main.ts", les deux notifications disparaissent. Ils semblent donc vraiment être causés par vue-i18n.

Après avoir demandé à Google, je ne sais toujours pas quoi faire à propos de ces notifications. Que me disent-ils? Dois-je faire quelque chose à leur sujet? Que puis-je faire concrètement?

Voici les fichiers qui ont été créés automatiquement dans le dossier racine du nouveau projet :

./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


Veuillez également me dire où je devrais changer quelque chose. Aussi

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


donc je ne saurai pas quoi faire si vous me dites de "configurer Webpack correctement".

Solution du problème

Maintenant, j'utilise cette méthode pour importer l'i18n, l'avertissement disparaît

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