首先,我向您展示什么是有效的(在 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';
我收到消息:未捕获类型错误:无法读取未定义的属性“配置”