找了好长时间到底是咋回事,疯狂百度。

最后还是根据报错提示找到原因了。

完整的报错状态

这是点击添加菜单按钮时报错的,说是找不到什么模板,又提到了webpack,尝试在动态添加的的时候打印了一个log。结果通过filter之后他就错了。

可以看出13行的位置我就是想看一下各个路由对应的模板是啥。找到问题了。

解决问题,我在考虑是什么影响了。首先这里用到了vuex 从后台获得一部分菜单项,其中后三个是前端写的静态数据插入。会不会是在action和mutations里面拼接的问题,仔细研究了一下,action和mutations的特性,主要是注意能不能做异步操作,这部分原先代码就没错,所以不需要调整。然后怀疑了数组拼接的时候不是实时响应了的问题,但是正常来说左侧菜单已经渲染出来了,值已经改变了。那确实是对应模板遍历错的问题。

结果发现是在做浏览器刷新的操作的时候菜单被调用了两回,第一个是通过路由守卫去掉的,然后在菜单组件created方法里面又掉了一遍。看到控制台打印了两遍数据,不经意网上翻了一下第一组打印的。

竟然是没有问题的。解决就是去掉菜单组件里面的created 初始路由方法,保留路由守卫初始化。

总结:公共的数据应该存放到vueX里面,要注意action和mutations的操作特点 。更要注意项目中进行一个操作不能多次执行同一个方法的问题。 不过,第二调用时候,filter过滤之后只有插入前端的静态数据的模板是错的,形成这个错误还是没找到。大家如果有明白原理的还请指点一下。

目前我的推测是,引用使用页面静态数据时候,对于应用的静态数据已经改变了一波,而异步获取的一致都是会访问接口调用最新的。所以才会有这种情况发生。

向添加前端静态页面之后,菜单栏显示正常,但是点击的时候报错main.js:978 Error: Cannot find module ‘./function (resolve) {。。。。。。相关推荐

  1. 前端静态页面基本开发思路(二)

    由于第一篇的反响不错,所以今天抽空写写前端静态页面基本开发思路(二) 第一篇开发思路直通车→前端静态页面基本开发思路(一) 现在的静态页面的设计基本上都涉及到了轮播图,而且一般都是顶部菜单栏过了就是轮 ...

  2. 集成环信easeUI添加联系人详情页面ListView的显示处理步聚

    集成环信easeUI添加联系人详情页面ListView的显示处理步聚 tags:环信集成 文章目录 集成环信easeUI添加联系人详情页面ListView的显示处理步聚 1.建立一个ListView布 ...

  3. 小兔鲜儿项目pc客户端前端静态页面

    小兔鲜儿项目pc客户端前端静态页面 一.效果图 二.文件和目录准备 新建index.html在根目录 新建css文件夹保存网站的样式,并新建以下css文件: base.css:基础公共样式 commo ...

  4. html管理系统前端,oa管理系统前端静态页面

    [实例简介] 一款页面效果非常不错的OA管理系统的静态页面模板,感兴趣的可以看看,挺酷炫的. [实例截图] [核心代码] oa管理系统前端静态页面 ├── add.html ├── calendar. ...

  5. 登录网银显示服务器内部错误怎么办,网银提示无法大额转账?点击登录出现报错?解决方法看这里...

    原标题:网银提示无法大额转账?点击登录出现报错?解决方法看这里 为 帮助大家能够 更好地使用江西·农商银行网上银行 今天小编收集了一些 关于网上银行的常见问题 并详细为大家解答 1️⃣ 跨行转账(个人 ...

  6. 【前端静态页面HTML】

    HTML 作用: 负责搭建页面结构和内容 (盖房子毛坯房) HyperTextMarkupLanguage: 超文本标记语言 超文本: 指不仅仅是纯文本,还包括字体和多媒体(图片,音频,视频) 标记语 ...

  7. gulp+PC前端静态页面项目开发

    前言: 现在单页面很流行,但是在 PC 端多页面还是常态,所以构建静态页面的工具还有用武之地 gulp构建前言: 如今我们开发web网页的方式主要有几种,使用vue-cli.create-react- ...

  8. 从前端开发者看待用友建筑云移动端单点登录与报错原因

    本文对单点登录有一个初步介绍,重点叙述前端开发者使用单点登录可能遇到的问题,以及问题分析! 方案全部来源于用友建筑云,本文仅用于内部分享,所以不过多介绍方案实现. 原文来自博客 单点登录介绍 APP在 ...

  9. Zabbix篇之Web登录页面报错:Database:Error connecting to database: Access denied for user ‘zabbix‘ @ ‘localhos

    一.前言 当搭建好了Zabbix监控服务后,访问Web页面时,通常会进行相关的配置信息登录. web页面的访问,可在浏览器中输入:http://IP地址:端口号/zabbix, 当在进行到该步骤时,通 ...

最新文章

  1. Oozie 出现 ClassNotFoundException 解决方法
  2. pythonjam怎么运行_第二十一天 PYTHON学习
  3. Mac Sublime Vim模式 方向键无法长按
  4. CF914G Sum the Fibonacci(FWT模板+子集卷积)
  5. 写题过程中碰见的小问题
  6. 23种设计模式之备忘录模式
  7. python默认参数陷阱_python默认参数陷阱
  8. 因为这几个TypeScript代码的坏习惯,同事被罚了500块
  9. JAVA中集合输出的四种方式
  10. 生物信息学 陈铭_后基因组时代生物信息学_陈铭.pdf
  11. 生存分析——KM生存曲线、hazard比例、PH假定检验、非比例风险模型(分层/时变/参数模型)(二)
  12. scikit-learn和tensorflow的区别
  13. c语言 异或_C语言位运算实例讲解
  14. 单片机c语言论文参考文献,单片机应用程序论文,关于关于单片机应用编程的技巧相关参考文献资料-免费论文范文...
  15. 使用密钥文件登录及免密登录服务器方法
  16. 虚拟机客户端访问不了服务器域名,虚拟机ESXI 篇四:让你电脑打开网页不用等待---SmartDns...
  17. APP在推广之渠道为王(二 )
  18. 赛式方法论(上):为什么你的游戏做不完、做得烂?
  19. 《贵妃》孙溟㠭绘画艺术
  20. APP上传APP Store遇到的各种问题

热门文章

  1. 分享88个ASP.NET企业网站源码,总有一款适合您
  2. angular/react/vue/un-app
  3. windows环境布置bttracker服务器和下载分享
  4. 3D引擎架构设计高级篇
  5. android代码结构分析工具,【Android性能工具】腾讯开源工具APT(示例代码)
  6. mysql的select语句写计算公式
  7. Problem 95 Prime Palindromes
  8. Linux内核KASAN内存检测原理
  9. (转贴)彻底卸载hp打印机驱动
  10. 云安全—未来的病毒防御体系在云+端