解决：使用前端路由时的报错Cannot destructure property ‘options’ of ‘(0 , vue__WEBPACK_IMPORTED_MODULE_1__.inject)

最新推荐文章于 2024-03-13 20:06:37 发布
最新推荐文章于 2024-03-13 20:06:37 发布
阅读量6.7k 收藏 1
点赞数 9
分类专栏： vue vue-router 文章标签： 前端路由 错误修复 node_modules npm install npm run
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/li0509_/article/details/127893419
版权

使用前端路由时，代码无误，但是页面不显示任何东西，控制台报错：
Cannot destructure property ‘options’ of ‘(0 , vue__WEBPACK_IMPORTED_MODULE_1__.inject)(…)’ as it is undefined.

解决：

step1：

    删掉下图所示目录node_modules（需要管理员身份）

在这里插入图片描述

step2

   运行命令npm i，重新生成上述目录

step3

   运行：npm run dev/serve(根据自己的配置文件来)

最终就可以得到期望的效果啦

li0509_
关注
  • 9
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
HTML-weixinchar.rar_html聊天界面_vue+webpack_微信 聊天_微信聊天
09-20
此外，Vue.js结合Webpack还可能使用了一些最佳实践，比如单文件组件（Single File Components, SFCs）、状态管理库Vuex（用于更复杂的应用状态管理）、以及ES6语法和模块化。Vue Router也可能被用作导航管理，如果...
vue-impression-master.zip_FQI_impression_vue_laughpry_前端_前端框架
09-21
Vue Impression 是一个基于 Vue.js 的前端框架，由开发者 dada 创建并维护，旨在提供一套高效、易用的解决方案，用于构建现代化的Web应用程序。"FQI" 可能是该框架的一个简称或者特定标识，而 "laughpry" 可能是开发...
解决react报错 TypeError:_WEBPACK_IMPORTED_MODULE_0_react___default.a.createContext is not a function
Ahuiyo的博客
12-05 1万+
react引用react-redux运行时出现下列报错： TypeError:_WEBPACK_IMPORTED_MODULE_0_react___default.a.createContext is not a function 具体如图： 原因有两种： 与安装的React版本有关。它仅在React版本 > 16.3中可用 react-redux版本更新到6.0以上，版本过高   这...
运行Vue报错 __WEBPACK_IMPORTED_MODULE_0_vue__.default.user
李尹豪的博客
05-19 1万+
运行Vue报错 __WEBPACK_IMPORTED_MODULE_0_vue__.default.user 运行Vue成功 但打开页面时控制台报错 检查发现 导入ElementUI时use写为user 修改后成功打开页面
UncaughtTypeError:(0 ,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent) is not a function
ll1027521的博客
07-21 1563
UncaughtTypeError:(0 ,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent) is not a function 表示vue-router版本过高，可以通过npm i vue-router@3 解决
关于Uncaught TypeError （Cannot read property ..undefined）的解决办法
热门推荐
qq_44654974的博客
07-24 3万+
一、问题描述      在Vue 的函数中使用 this.$store.commit出现Uncatch TypeError 的情况. 二、解决思路 1.进行使用检查查看报错信息，之前浏览器默认Safari浏览器，好像没有看到检查工具，出问题或者空白页面就不知道咋排错，后面才使用谷歌，使用查看进行排错。 2.分析报错信息：Uncaught TypeError;凭借英语能力猜测是不是拼写错误（哈哈哈，代码能力还比较底，不过英语好还是有助于排错，对于英语基础差
React路由的两种写法
最新发布
felling_low的博客
03-13 795
react路由
SpringBoot-vue-master.zip_spring_spring vue_springboot vue_vue
09-24
在Vue2版本中，Vue CLI 2（Webpack 2）的引入进一步优化了开发流程，提供了开箱即用的脚手架，可以快速初始化项目，并包含了热重载、代码分割等功能。 在本项目中，前端部分可能包含以下文件结构： - `src/main/...
VBlog.zip_VUE+SPRINGBOOT_Vue SpringBoot_springboot vue_springbo
09-23
总的来说，VBlog项目展示了如何使用Vue.js和SpringBoot结合MyBatis构建一个功能丰富的博客平台，这涉及到前端的界面设计、状态管理、路由跳转，以及后端的服务开发、数据库操作和安全控制等多个方面。对于想要学习或...
初探 Vue3.0 中的一大亮点——Proxy !
weixin_34199335的博客
12-05 223
前言 不久前，也就是11月14日-16日于多伦多举办的 VueConf TO 2018 大会上，尤雨溪发表了名为 Vue3.0 Updates 的主题演讲，对 Vue3.0 的更新计划、方向进行了详细阐述（感兴趣的小伙伴可以看看完整的 PPT），表示已经放弃使用了 Object.defineProperty，而选择了使用更快的原生 Proxy !! 这将会消除了之前 Vue2.x 中基于 Obj...
【vue3】vue3 实践中遇到的问题
hzxOnlineOk的博客
03-24 1685
今天尝试用 vue 3 写个小 Demo，想写个路由（用的 vue-router: ^4.1.3），在修改 App.vue 文件这一步的时候，运行到 Google Chrome 就报错了：Uncaught TypeError: Cannot destructure property ‘options’ of ‘inject(…或者报错提示信息为：Uncaught TypeError: Cannot destructure property ‘options’ of '(0 , vue__WEBP…
react-vite-antd环境下新建项目
08-15 1546
使用 NPM: 使用 Yarn: 使用 PNPM: 1. 我使用的 yarn安装，基本配置项目名字, 框架react ，js 加载之后使用启动命令 使用 npm: 使用 yarn: 安装完成： 3. 页面显示： 报错： 是因为引入方式不对：修改成就可以了，官网有我没注意 运行后发现多了默认样式外边距，修改默认样式 使用在App.css中添加下面代码，就解决了。 是因为位置设置错误，在Sider标签上添加collapsed={collapsed}就可以了 ![在这里插入图片描述](https:
关于报错 vue__WEBPACK_IMPORTED_MODULE_0___default.a.observable is not a function
iijik55的博客
03-09 2844
报错截图如上，报了 vue__WEBPACK_IMPORTED_MODULE_0___default.a.observable is not a function 在 public 下 的 index.html里面，cdn 引入了版本太低导致的。 这个错误。因为我是 cdn 引入方式，所以 我想歪了，因为项目中 使用了 vue.observable ,这个 APi 是 vue 2.6 新增的，而我 引入的 cdn 版本是 2.5 所以 报了这个错误，所以只要 cdn 换个 版本 就 ok了 ...
react报错Uncaught TypeError: Cannot read properties of undefined (reading ‘createElement‘)
m0_72133175的博客
11-23 306
请修改引入为这样而不是 大括号内。
vue3引入onMounted后使用onMounted方法后控制台报错分析（Uncaught (in promise) TypeError: (0 , _vue_reactivity__WEBPAC）
成长之路，任重道远，期待你的关注！
08-29 4983
Uncaught (in promise) TypeError: (0 , _vue_reactivity__WEBPACK_IMPORTED_MODULE_1__.onmounted) is not a function
写 vue 后台管理系统时，进入页面出现查无数据现象，报错 Cannot destructure property ‘status‘ of ‘undefined‘ as it is undefined
m0_57255222的博客
07-24 2622
在写后台管理系统时，每次重新打开VS-code启动项目后，页面就读不到数据并且控制台报错Cannot destructure property ‘status‘ of ‘undefined‘ as it is undefined
react跳转路由报错Cannot read property ‘push’ of undefined
大师兄
04-23 2万+
原文链接:https://dsx2016.com/?p=470 ➢ 跳转路由 /path是要跳转的路径 this.props.history.push(`/path`); ➢error 当点击跳转的时候,控制台报错 Cannot read property 'push' of undefined ➢ 问题 本次遇到的问题是在首页home点击子组件bottomBar的...
Uncaught TypeError: Cannot Read Property
hhh_200
10-27 4393
这是 JavaScript 开发人员最常遇到的错误。当你读取一个属性或调用一个未定义对象的方法时，Chrome 中就会报出这样的错误。 导致这个错误发生的原因有很多，常见的一种情况是在渲染 UI 组件时，不正确地初始化状态。我们来看一个真实的应用程序中发生这种情况的例子。 以上代码有两个重要方面： 一是组件的状态（例如 this.state），在开始生命周期之前是 undefined 状态。 二是...
TypeError: (0 , vue_router__WEBPACK_IMPORTED_MODULE_1__.createWebHistory) is not a function
07-13
这个错误通常是由于在 Vue Router 的版本升级过程中，由于不兼容的更改导致的。在 Vue Router 4.x 版本中，`createWebHistory` 方法已被更改为 `createWebHashHistory`。 要解决这个错误，你可以按照以下步骤进行操作： 1. 首先，请确保你已经安装了正确版本的 Vue Router。在终端或命令行中，使用以下命令安装最新版本的 Vue Router： ``` npm install vue-router@next ``` 2. 打开你的项目中的路由文件（通常是 `router/index.js` 或 `router.js`），并找到创建路由实例的代码。 3. 将原来的 `createWebHistory` 方法调用替换为 `createWebHashHistory`，如下所示： ```javascript import { createRouter, createWebHashHistory } from 'vue-router'; const router = createRouter({ history: createWebHashHistory(), // 其他配置项 }); export default router; ``` 通过使用 `createWebHashHistory` 方法，你将使用基于 URL 锚点（hash）的历史模式来创建路由实例。 4. 保存文件并重新启动开发服务器，以确保更改生效。 这样，你应该能够解决 `TypeError: (0, vue_router__WEBPACK_IMPORTED_MODULE_1__.createWebHistory) is not a function` 错误。 希望以上信息对你有所帮助。如果还有其他问题，请随时提问。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值