首先,我向您展示什么是有效的(在 App.js 中)
import router from './routes.js';
import VueI18n from 'vue-i18n';
const messages = {
en: {
message: {
hello: 'hello world'
}
}
}
// Create VueI18n instance with options
const i18n = new VueI18n({
locale: 'en', // set locale
messages, // set locale messages
})
const app = new Vue({
el: '#app',
router,
i18n
});
但是如果我想将 lang.js 中的代码分开
import VueI18n from 'vue-i18n';
const messages = {
en: {
message: {
hello: 'hello world'
}
}
}
export default new VueI18n({
locale: 'en', // set locale
messages, // set locale messages
});
这样我就可以在 App.js 中编写
import router from './routes.js';
import i18n from './lang.js';
const app = new Vue({
el: '#app',
router,
i18n
});
但不知何故,即使 routes.js 的构建完全相同,这也不起作用。
我的 bootstrap.js 看起来像这样,如果知道重要的话。
import Vue from 'vue';
window.Vue = Vue;
import VueRouter from 'vue-router';
import VueI18n from 'vue-i18n';
Vue.use(VueRouter);
Vue.use(VueI18n);
很抱歉代码很长,但不知何故,错误在于 import i18n from './lang.js'; 我收到消息:未捕获的类型错误:无法读取未定义的属性“配置”