国产系统中Firefox ESR52.3.0低版本火狐浏览器vue2项目打包后兼容问题总结

最新推荐文章于 2025-03-07 16:53:42 发布

tianxin8901

最新推荐文章于 2025-03-07 16:53:42 发布

阅读量718

点赞数 3

分类专栏： vue 文章标签： firefox vue

本文链接：https://blog.csdn.net/tianxin8901/article/details/142134039

版权

vue 专栏收录该内容

3 篇文章

订阅专栏

问题一：
浏览器报错提示如下：
Failed to resolve async component Reason: SyntaxError: invalid property id
问题分析：
根据报错的指向的文件，一步一步分析，发现问题所在是beforeCreate生命周期中引用的组件过于深。
我的文件从父到子文件，依次是
gatewary.vue -->pagehome.vue->gatelayout.vue->moduleNewList.vue–>module.vue->deskTable.vue
浏览器指示报错文件为：moduleNewList.vue 加载不了
分析此文件，发现在pagehome.vue文件中通过beforeCreate 生命周期中添加 Vue.component(‘xxxx’, moduleNewList.vue) 声明此文件，在gatelayout.vue 通过component 动态加载此文件时，引入deskTable.vue文件过于深，于是把deskTable.vue文件内容迁移到moduleNewList.vue文件中即解决此问题。

问题二：
浏览器路由跳转，有的可以，有的报错如下：
[vue-router] Failed to resolve async component default: SyntaxError: invalid
根据报错信息，发现某组件引入的是src目录外的某个文件。把该文件复制一份，放到路由指定的文件夹下，同时修改组件引入路径，即解决此问题。