将Laravel Mix升级到最新版本会导致问题

Question

我正在开发一个应用程序，在升级到Laravel 9之前工作良好。我使用Laravel Shift进行Laravel 9升级，这将laravel-mix跳到最新版本的6.x，问题开始了。我有一些问题编译这是奇怪的，但我修复了它。现在，我编译，但我得到以下错误时，我试图运行前端:

Uncaught TypeError: Cannot read properties of undefined (reading 'silent')

这是导致它的代码:

VueI18n.prototype._initVM = function _initVM (data) {
var silent = Vue.config.silent;
Vue.config.silent = true;
this._vm = new Vue({ data: data, __VUE18N__INSTANCE__: true });
Vue.config.silent = silent;
};

我不知道这个代码是干什么用的?

我正在运行Vue版本2.5.22与Laravel 9。另外，vue-i18n8.28.2.

我的app.js:

import Vue from 'vue';
import router from './router';
import App from "./components/App";
import {store} from './store';
import Vuelidate from 'vuelidate';
import VueI18n from 'vue-i18n';
import { messages } from './locales/de';
const i18n = new VueI18n({
locale: 'de', // default and only locale
messages,
});
Vue.use(Vuelidate);
const app = new Vue({
el: '#app',
i18n,
router,
store,
components: {
App
},
});

谷歌什么也没发现。什么好主意吗?

Answer 1

在创建实例之前尝试将VueI18n作为组件:

Vue.use(VueI18n);
const il8n = new VueI18n({});