vue-router.esm.js?8c4f:2079 Error: Cannot find module '../../../vue-temp/vue-editor-bridge' 解决

最新推荐文章于 2023-07-27 11:07:52 发布
最新推荐文章于 2023-07-27 11:07:52 发布
阅读量1.2w 收藏 1
点赞数
分类专栏： Vue 文章标签： vue vue-router异常 vue-editor-bridge
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42614080/article/details/103410457
版权
  1. 问题描述：在之前的项目开发中，遇到了这个异常， vue-router.esm.js?8c4f:2079 Error: Cannot find module '../../../vue-temp/vue-editor-bridge'

在这里插入图片描述

  1. 解决办法：找不到模块，说明缺少对应的模块， Cannot find module 可以明白
    1）第一种方式，加入 import func from '../../../vue-temp/vue-editor-bridge'; 这一行语句就可以了。
    2）第二种方式，降级 prettier 至1.8.1 ，通过 npm i prettier@1.8.1 或者cnpm i prettier@1.8.1命令就可以了
城南花开ze
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue.js：使用Vue-Router 2实现路由功能介绍
01-19
注意：vue-router 2只适用于Vue2.x版本，下面我们是基于vue2.0讲的如何使用vue-router 2实现路由功能。 推荐使用npm安装。 npm install vue-router 一、使用路由 在main.js中，需要明确安装路由功能： import Vue from 'vue' import VueRouter from 'vue-router' import App from './App.vue' Vue.use(VueRouter) //1.定义组件，这里使用从其他文件import进来 import index from './components/in
typescript找不到模块‘vue‘ ‘vue-router‘
qq_57423665的博客
06-23 4510
提示：找不到模块“vue-router”。你的意思是要将 "moduleResolution" 选项设置为 "node"，还是要将别名添加到 "paths" 选项中?ts(2792)
vue3 setup + ts + vite 项目问题解决：Cannot find module ... or its corresponding type declarations.（ts2307）
geejkse_seff的博客
03-01 1万+
昨日我尝试使用vue3 setup + ts + vite进行vue3项目的实现，遇到此问题： Cannot find module … or its corresponding type declarations.（ts2307） 文件报错类型以及ts官方错误说明： 这里以别名"@"为例子： // .vue文件 <script setup lang="ts"> import LoginApi from '@/apis/loginApi'; // (ts2307) import { getDat
Vue-router4 动态路由 懒加载 Error: Cannot find module
qq_19954983的博客
08-01 2579
Vue-Router4 Error: Cannot find module '@/views/xxx'
解决拉取Vue项目报错Cannot find module ‘webpack/lib/RuleSet‘
weixin_44274094的博客
02-24 3298
第一步：将 package-lock.json和node_modules包删除。第二步：删除webpack，重装了老的版本。
解决Vue Router报错 Error: Cannot find module ‘@/views/xxx‘ at webpackEmptyContext
https://github.com/Bot80926
08-03 1万+
起因： 拉旧项目重跑发现运行报错，猜测是包更新导致部分写法不兼容。之后发现是原写法在webpack4中不兼容。所以这篇文章主要讲两部分： 1. 如何解决webpack4 动态编译import报错 2. imoort 和 require到底有什么区别？两者是否可以无缝替换？ 一、解决报错 // 原写法 export const loadView = (view) => { return () => import(`@/views/${view}`) } // webpack4.
若依 vue 菜单点击报错 Error: Cannot find module ‘@/views/system/user/index‘
xiaoyuer_2020的博客
01-21 8120
菜单路由点击报错，错误信息如下： Error: Cannot find module ‘@/views/system/user/index’ 在项目里，打开 src/store/modules/permission.js 文件，找到如下代码： 报错原因：webpack4 不支持变量方式的动态 import 引用，新版本的使用 require() 。 修改为： export const loadView = (view) => { // 路由懒加载 return (resolve) =>.
【vue】记一次 Uncaught Error: Cannot find module错误
热门推荐
Meditation_Crazy
11-18 1万+
前言 错误场景： vue项目，本地可以正常使用和访问，发布到测试环境，就提示找不到组件。 原因 经过测试，排查。发现是sourceTree的原因。如下图所示： 当时是把组件axxx修改为Axxx，然后在引用它的B文件里面都修改为了Bxxx。这时候在本地是可以使用的，没问题。 但是：在sourceTree提交的时候，它还是axxx，实际在本地文件目录下以及vscode里面，它第一首Axxx。 就是因为这个，所以发布后，访问的时候，会提示找不到这个文件。也就是说发布到测试环境的这个文件，还是axxx，.
vite+ts出现红色波浪线；找不到模块“vue-router
m0_60289222的博客
05-09 3867
提示：找不到模块“vue-router”。你的意思是要将 "moduleResolution" 选项设置为 "node"，还是要将别名添加到 "paths" 选项中?
vscode报错：找不到模块“vue”或其相应的类型声明。ts(2307)
zmy967131的博客
07-27 3505
重点：Ctrl+Shift+P 唤起命令面板，配置 volar 的 typescript版本。
learningVue：Vue.js原始码解析
02-06
在学习的过程中我为Vue.js（2.3.0），Vuex（2.4.0），Vue-router（3.0.1）加上了注释，分别在文件夹 ， 以及中，希望可以帮助有需要的同学更好地学习理解Vue.js及周边库的源码。感谢提高生产力。本项目希望对Vue.js...
ESM - MetaTrader 5脚本.zip
09-13
指标 ESM (Elsig's Shifting Mean) 显示指定时间间隔 (柱线) 内价格的平均偏移。
AngularJS ui-router (嵌套路由)实例
10-20
本篇文章主要介绍了AngularJS ui-router (嵌套路由)实例，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。
vue-router之解决addRoutes使用遇到的坑
10-15
主要介绍了vue-router之解决addRoutes使用遇到的坑，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Suno AI Download 免费下载Suno AI 音乐
04-18
网站描述：Sunoaidownload——从分享链接中轻松下载Suno AI生成的歌曲文件 内容概要： 这是一个专门提供Suno AI生成的歌曲文件下载服务的网站，用户可以通过分享链接轻松获取所需文件。本网站提供高质量、多样化的音乐资源，满足不同用户的需求。 适用人群： 该网站适用于所有热爱音乐、需要音乐素材的用户，特别适合音乐创作者、音乐爱好者、学生、教师等人群使用。 使用场景： 该网站的使用场景非常广泛，具体包括以下几个方面： 1. 音乐创作：音乐创作者可以使用本网站提供的歌曲文件进行创作，丰富作品内容，提升作品质量。 2. 音乐学习：学生和教师可以使用本网站的歌曲文件进行音乐学习，提高音乐素养和技能。 3. 娱乐休闲：普通用户可以使用本网站的歌曲文件进行放松、娱乐和休闲，享受音乐带来的愉悦。 其他说明： 本网站提供高速、稳定的下载服务，确保用户能够快速获取所需文件。同时，我们注重版权保护，只提供合法授权的歌曲文件，避免侵犯他人权益。为了更好地服务用户，我们不断优化网站功能和用户体验，欢迎提出宝贵意见和建议。此外，为了保障用户数据安全，我们采取了先进的安全措施。
基于Python的Django配置Celery设计源码
04-18
本项目是基于Python的Django配置Celery设计源码，包含20个文件，其中主要包含17个py源代码文件。系统采用了Python编程语言，实现了Django配置Celery的功能。项目结构清晰，代码可读性强，易于理解和维护。
物联网嵌入式ESP32开发例程05-FreeRTOS操作系统之时间片调度C程序代码.rar
04-18
1、嵌入式物联网ESP32项目实战开发。例程经过精心编写，简单好用。 2、代码使用Visual Studio Code + ESP-IDF开发，C语言编程。例程在ESP32-S3上运行。若在其他型号上运行，请自行调整。 3、如果接入其他传感器，请查看发布的其他资料。 4、ESP32与模块的接线，在代码当中均有定义，请自行对照。 5、若硬件差异，请根据自身情况适当调整代码，程序仅供参考。 6、代码有注释说明，请耐心阅读。 7、技术v：349014857;
华为IPMS流程优化策略glz.pptx
04-18
华为IPMS流程优化策略glz.pptx
文字转合成语音软件工具
最新发布
04-18
文字转语音软件，两款，都非常好用，亲测有效，免费声音足够使用，需要的兄弟自行下载
vue-router.esm.js?8c4f:2316 TypeError: onComplete is not a function的解决方法
09-02
### 回答1： 答案：首先，检查onComplete是否是一个函数，如果不是，请尝试更新vue-router的版本。如果仍然存在问题，可以尝试重新安装vue-router，或者使用更新的JavaScript代码来修复它。 ### 回答2： 当在使用Vue Router过程中出现vue-router.esm.js?8c4f:2316 TypeError: onComplete is not a function的错误，原因是在路由配置中的某个地方没有正确地定义或调用onComplete回调函数。 解决这个问题的方法有以下几种： 1. 确保在路由配置中正确定义了onComplete回调函数。例如，在router.js文件中，你可以这样定义你的路由配置： ``` const routes = [ { path: '/', component: Home, name: 'home', onComplete: (to, from, next) => { // 完成后的操作 } }, // 其他路由配置 ] ``` 2. 检查你是否正确地调用了onComplete回调函数。在进行路由切换的时候，你需要手动调用onComplete回调函数。例如，在vue组件内部，你可以这样调用： ``` this.$router.push({ path: '/home', onComplete: () => { // 完成后的操作 } }) ``` 在这个例子中，使用了push方法来进行路由切换，并且传递了onComplete回调函数。 3. 确保你的Vue Router版本是最新的。有时候这个错误是由于旧版本的Vue Router导致的。你可以在package.json文件中检查vue-router的版本号，并且尝试升级到最新版本。 4. 如果以上方法都无效，你可以尝试重新安装Vue Router。在使用npm或yarn安装包时，有时候会出现依赖包损坏或缺失的情况，可能会导致一些奇怪的错误。通过删除node_modules文件夹，并重新使用npm或yarn安装Vue Router，可以解决一些这样的问题。 希望以上方法能够帮助你解决vue-router.esm.js?8c4f:2316 TypeError: onComplete is not a function的问题。如果问题仍然存在，请提供更多详细的错误信息，以便我们提供更准确的解决方案。 ### 回答3： 这个错误通常是由于在使用vue-router时，在某个地方没有正确地定义或者调用onComplete函数所导致的。 解决这个问题的方法有以下几步： 1. 确保你的vue-router版本是最新的。可以通过运行`npm install vue-router`命令来更新你的vue-router。 2. 检查你的代码中是否正确地定义和调用了onComplete函数。在vue-router中，onComplete函数是一个可选的回调函数，用于在路由跳转完成后执行一些操作。你可以在路由跳转时的钩子函数（如beforeEach或afterEach）中定义和调用onComplete函数。例如： ```javascript const router = new VueRouter({ routes: [...], }) router.beforeEach((to, from, next) => { // 在这里定义onComplete函数 const onComplete = () => { console.log('路由跳转完成') // 这里可以执行一些操作 } // 在路由跳转完成后调用onComplete函数 next(onComplete) }) ``` 3. 如果你的代码中没有使用onComplete函数，或者你不需要在路由跳转完成后执行任何操作，可以忽略这个错误。你可以尝试将其视为一个警告而不是一个错误，或者通过禁用eslint规则来解决。你可以在.eslintrc配置文件中添加以下规则： ```json { "rules": { "vue-router/no-next-on-empty": "off" } } ``` 上述是解决"vue-router.esm.js?8c4f:2316 TypeError: onComplete is not a function"错误的方法。但要根据具体情况调整代码，并确保使用正确的版本和正确的调用方式。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值