vue项目中使用vue-i18n报错Cannot read properties of undefined (reading ‘install‘)的问题

已于 2023-07-06 14:24:35 修改
阅读量1.3k 收藏
点赞数 1
分类专栏： js 文章标签： vue.js javascript 前端
于 2023-07-04 17:16:53 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44490021/article/details/131538649
版权

vue中使用 vue-i18n 报错Cannot read properties of undefined (reading ‘install‘)的问题

问题描述

在vue2项目中使用vue-i18n来实现系统多语言切换功能，npm install --save vue-i18n 显示安装完成，没有任何问题，但是在main.js中引入的时候报错 Cannot read properties of undefined (reading ‘install‘)

解决方案

最终发现是版本问题，npm install --save vue-i18n直接安装的是^9.x的版本，但是我的vue/cli版本是3.x版本，所以卸载已安装的vue-i18n版本，重新安装8.x版本即可

1. 卸载已安装的vue-i18n

npm uninstall vue-i18n

2. 重新安装指定版本的vue-i18n

npm install --save vue-i18n@8.0.0

然后正常引入就可以了

另外关于vue-i18n实现多语言切换用法可以参考我的另外一篇文章

vue项目使用vue-i18n实现多语言切换

TTong___
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue项目中使用vue-i18n报错的解决方法
12-09
然而最近在vue项目中使用vue-i18n的时候，居然报错了，通过查找相关的资料终于找到了解决的方法，下面话不多说了，来一起看看详细的介绍吧 发现问题 iview-admin框架克隆到本地，添加路由的时候，稍不注意就会遇到...
vite-plugin-vue-i18n:Vue I18n的快速插件
04-09
:globe_with_meridians: @ intlify / vite-plugin-vue-i18n Vue I18n的Vite插件 :handshake: 支持新项目 Intlify Project是一个开源项目，其中包括Vue I18n和i18n工具和自由软件，其持续的开发完全依靠赞助商的...
错误 Cannot read properties of undefined (reading ‘install‘) 页面空白处理！
m0_64520392的博客
09-06 3375
错误 Cannot read properties of undefined (reading 'install') 页面空白处理！
Uncaught TypeError: Cannot read properties of undefined (reading ‘install‘)报错，页面全空白的处理方法
qq_42780155的博客
05-13 3万+
vue页面Uncaught TypeError: Cannot read properties of undefined (reading ‘install’)报错，页面全空白。 然后发现是自己写的指令全局引用的原因 使用了export导出 export { preventReClick } 所以引用的时候不能 import preventReClick from '@/directives' Vue.use(preventReClick) 正确的应该是： import { preventReC
Vue2 + vue-i18n@8 多语言切换
最新发布
dream_boy_的博客
05-11 172
npm i vue-i18n@8 // vue2必须安装8版本的i18n包，vue3必须安装9版本的i18n包。***注：后续element-ui相关的国际化语言，可用可不用。
报错Uncaught TypeError: Cannot read properties of undefined (reading ‘install‘)
yangyishinanshen的博客
09-26 1930
Uncaught runtime errors: ERROR Cannot read properties of undefined (reading 'install') TypeError: Cannot read properties of undefined (reading 'install')
vue报Cannot read properties of undefined (reading ‘install’)
weixin_49662044的博客
02-01 1662
vue报Cannot read properties of undefined (reading ‘install’)
vue项目报错解决，Uncaught TypeError: Cannot read properties of undefined (reading ‘install‘)
暴躁小猿的博客
02-01 3175
出现此错误的原因是因为此时的项目为vue2 ，下载的vue-router包版本太高，将vue-router包更新至低版本即可解决，如 yarn add vue-router@3.5.3 或 npm i vue-router@3.5.3。在做vue2项目时，使用路由vue-router，浏览器显示空白且报错如图。
vue-cli-plugin-i18n:Vue CLI插件可将vue-i18n添加到您的Vue项目
05-11
使用vue-i18n-loader的单个文件组件中的区域设置消息 区域设置消息丢失和未使用的报告（实验性） 环境变量 :rocket: 入门 如果yon没有使用Vue CLI创建的项目： vue create my-vue-app 将插件安装到您的项目中： ...
vue-i18n-loader：用于自定义块的vue-i18n-loader
02-06
@ intlify / vue-i18n-loader 用于自定义块的vue-i18n加载程序 注意： :warning: next分支是Vue 3的开发分支！ 稳定版现已在分支中！ 状态：测试版 :star: 产品特点 i18n资源预编译 i18n自定义块 i18n资源定义 i18...
vue项目国际化vue-i18n的安装使用教程
10-18
最近接触学习Vue.js框架结合Element-ui组件开发项目。由于最近需要实现国际化功能，所以下面这篇文章主要介绍了vue项目国际化vue-i18n的使用的相关资料，文中通过示例代码介绍的非常详细，需要的朋友可以参考下。
【VUE】vue-i18n: Uncaught SyntaxError: Not available in legacy mode
无限循环
07-26 2370
vite使用i18n问题记录：Uncaught SyntaxError: Not available in legacy mode
vue2之 vue-i18n 插件报错-Uncaught TypeError: Cannot read properties of undefined (reading ‘0‘)
阿清的前端进阶之路
09-18 1540
vue2 vue-i18n 插件报错 Uncaught TypeError: Cannot read properties of undefined (reading '0') 根本原因 _watchers[0].constructor _watchers undefined·导致开发环境页面白屏
vue-i18n报错：You are running the esm-bundler build of vue-i18n的解决方案
Ricky__H的博客
07-13 5751
最近在Vue3+TS+Vite的项目开发中，使用vue-i8n遇到警告： 查看vue-i18n文档，找到这样的说明：The build will work without configuring these flags, however it is strongly recommended to properly configure them in order to get proper tree shaking in the final bundle. To configure these flags:N
解决i18n报错的问题
zhiyikeji的博客
03-25 4702
在使用 android 的国际化时，会经常遇到这种错误 “hello world” is translated here but not found in default locale 这是 Lint 检查的问题，解决的办法有很多，取一种即可： 1.app/build.gradle 下添加如下代码: android { ... lintOptions { disab...
vue Uncaught TypeError: Cannot read properties of undefined (reading ‘prototype‘) 报错
qq_45281478的博客
08-29 1万+
Uncaught TypeError: Cannot read properties of undefined (reading 'prototype')
vue中出现 TypeError Cannot read properties of undefined (reading ‘substring‘)错误
m0_67392010的博客
03-06 8388
报错的原因:你的数据来源为空 解决方案:在数据的标签里面 进行判断 v-if=“字符串内容”
vue@2.6.14安装vue-i18n报错，peer vue@“^3.0.0“ from vue-i18n@9.1.9
半夏_2021的博客
04-19 1万+
Vue2 安装 vue-i18n 插件报错，错误信息:npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: x-touch@0.1.0 peer vue@"^3.0.0" from vue-i18n@9.1.9
vue报错： “TypeError: Cannot read properties of undefined (reading ‘0‘)“
热门推荐
呆子小木心的博客
05-11 4万+
Vue里面的一个坑：vue.esm.js?c9fd:628 [Vue warn]: Error in render: “TypeError: Cannot read properties of undefined (reading ‘0’)”； 1，起因：在页面使用到的数据是嵌套多层的时候，比如是拿的是数组的第三层的数据进行展示，像data[0][0]，在页面进行初始化的时候，会报错：Cannot read properties of undefined (reading ‘0’)；但是页面是可以正常使用的
安装了vue-router后报错Cannot read properties of undefined (reading 'install')
06-02
这个问题可能是由于Vue Router的安装和使用不正确导致的。您可以按照以下步骤来解决这个问题： 1. 确保已经正确安装了Vue和Vue Router，您可以通过以下命令来检查： ``` npm list vue npm list vue-router ``` 2. 确保在main.js文件中正确引入Vue和Vue Router，并使用Vue.use()方法来安装Vue Router： ```javascript import Vue from 'vue' import VueRouter from 'vue-router' import App from './App.vue' Vue.use(VueRouter) const router = new VueRouter({ routes: [ // your routes here ] }) new Vue({ router, render: h => h(App), }).$mount('#app') ``` 3. 如果您使用了Vue CLI创建项目，可以在项目根目录下的`package.json`文件中查看Vue和Vue Router的版本，确保它们之间的兼容性。 如果以上步骤都没有解决问题，您可以尝试删除`node_modules`文件夹和`package-lock.json`文件，重新安装依赖： ``` rm -rf node_modules rm package-lock.json npm install ``` 希望这些步骤可以帮助您解决问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值