开发者问题收集

使用 Vue.use(VueI18n) 时无法读取未定义的属性(读取“use”)

2022-01-11
3561

我试图在我的 Vue 项目中创建 i18n, 然后就出现了错误。

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

这是我的项目树:

| -- Project
     | -- src
          | -- App.vue
          | -- main.js
          | -- store
               |-- index.js
          | -- lang
               | -- i18n.js
               | -- tw.json
               | -- en.json

i18n.js:

import Vue from 'vue';
import VueI18n from 'vue-i18n';

Vue.use(VueI18n);

import tw from './tw.json';
import en from './en.json';

const i18n = new VueI18n({
    locale: localStorage.getItem('lang') || 'tw',
    messages: { tw, en }
});

export default i18n;

main.js:

...
import i18n from "./lang/i18n";
app.use(i18n);

“vue”:“^3.0.0”, “vue-i18n”:“^8.26.8”, 节点:v14.18.0

1个回答

添加主 js:

new Vue({
  render: h => h(App),
  i18n
}).$mount('#app');

并将

import i18n from "./lang/i18n";

更改为

and * as i18n from "./lang/i18n";
hossein vatankhah
2022-01-11