最近有一个很奇怪的问题一直困扰着我:

html 页面中,head部分引入了几个外部js文件。

比如:

// 目前页面结构就是这样,其他的代码都和此异常无关,就不多贴了。

// 这里就直接报错,显示 Vue 未定义

var vm = new Vue({

el: "#mDiv"

});

项目大致结构就是这样。

看起来没什么问题呀,

但是偶尔会出现一种非常奇怪的问题:

看起来是页面渲染异常导致 vue 或者 axios 的 appendChild 产生了异常,以至于 vue 未定义。

另一个页面里,我有用到 jQuery,也会偶尔出现这种问题,提示 appendChild 异常,然后紧接着会提示 $ 未定义。

这种问题大概你长时间未打开该页面,第二天或者更久时间后,你首次打开该页面就会出现这个问题,此时,只要刷新一下页面即可恢复正常。

听起来有点像页面某天首次打开时,被运营商注入了,然后页面就出问题了。

希望各位大佬解答。

190817更

到axios源码中,搜了一下,根本没有 appendChild 代码。直觉告诉我,页面被注入了。

js加载html的head偶尔失效,外部 js 文件偶尔会加载失败相关推荐

  1. 动态播放外部FLV 文件和预加载 FLV 文件

    /***************** wgscd (c)2005 ' qq:153964481 e-mail:wgscd@126.com  blog:http://blog.csdn.net/wgsn ...

  2. Next.js如何引入百度分享(外部引用)类似的外部js,以及如何操作window

    前言 近期使用React官方推荐的服务端渲染工具Next.js进行服务端页面编程时遇到引入百度分享等外部JS文件的问题. Next.js可以使用内置组件来装在 <head> 到页面中 im ...

  3. js / jquery 使用val()赋值监控事件失效

    场景: 当内容发生改变时对隐藏的input框进行监控(这里不直接赋值,通过select或其他条件的改变使用jquery赋值) 需要监控的对象 <input type="hidden&q ...

  4. AS3使用,播放声音和加载外部声音文件

    [as3]使用声音 在AS3中使用声音跟AS2有很大的不同.先看下Flash帮助中的一些介绍,然后我们再使用导入到Flash中的声音做个小测试. 理解声音的结构 应用程序可以从4个地方加载声音: 运行 ...

  5. flash as3使用,播放声音和加载外部声音文件

    [as3]使用声音 在AS3中使用声音跟AS2有很大的不同.先看下Flash帮助中的一些介绍,然后我们再使用导入到Flash中的声音做个小测试. 理解声音的结构 应用程序可以从4个地方加载声音: 运行 ...

  6. Windows PowerShell安装指定版本vue/cli脚手架失效解决办法;vue : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\vue

    mac搭建vue项目看这篇 打开shift--鼠标右键,就可以打开Windows PowerShell 1.安装vue/cli npm install -g @vue/cli@3.12.0 @后面是版 ...

  7. 具有完整静态文件(JS、CSS)支持的 ASP.NET Core 3.x 动态可加载插件

    从 Github 下载源代码 - 961 KB 介绍 从3.0版开始,ASP.NET Core提供了一种使用Application Parts将应用程序拆分为模块的方法. 一个解决方案可能包含一个We ...

  8. 自制 require 函数:让浏览器轻松实现 js 文件按需加载

    唉?这种文章你也点进来看,你不知道有 LABjs.RequireJS.SeaJS... 这些库吗? 反正我是没用过这些库,什么 AMD .CMD 哪来那么多术语... 前端的库太多了,要看各种乱七八糟 ...

  9. Vue文件内动态加载JS

    Vue文件内动态加载JS let jsUrl = 'https://code.jquery.com/jquery-3.4.1.min.js' // JS地址 let jqueryJs = decode ...

最新文章

  1. 用FFT求信号相位谱
  2. 信号与系统:快速傅里叶变换FFT中的实际频率(奈奎斯特频率解析)
  3. Python 计算机视觉(十二)—— OpenCV 进行图像分割
  4. boost::math::arcsine用法的测试程序
  5. (13) 悲观锁和乐观锁解决hibernate并发(转)
  6. jQuery 重要模块 回顾
  7. 单片机编程主函数的特点
  8. spring 事务控制 设置手动回滚 TransactionAspectSupport.currentTransactionStatus().setRollbackOnly();
  9. wince投屏苹果手机_怎么把手机上的导航映射到中控屏
  10. java https安全传输
  11. 寄存器地址和内存地址_通俗易懂和你聊聊寄存器那些事(精美图文)
  12. Jenkins中执行batch和Python
  13. mysql 主键个数
  14. ReportMachine 打印机横向
  15. python怎么加图片_python图片加水印
  16. 微软输入法和搜狗输入法中的双拼
  17. java的可执行文件_java生成可执行文件的方法总结
  18. 莫烦Python[基础教程]
  19. excel数据技巧:6条最实用的透视表偏方
  20. 获取股票历史数据和当前数据的API

热门文章

  1. Nature子刊:干旱条件下土壤细菌网络的稳定性不如真菌网络
  2. The Innovation | 中科院青促会主办精品英文期刊视频简介,定位IF 20+国际顶刊
  3. 对不起,作为导师,我让您失望了!
  4. 微生物所科学家建成小鼠肠道微生物资源库
  5. Microbiome:马铃薯疮痂病与土壤微生物组关系新进展
  6. c语言int64编译时错误,错误:编译C程序时未在此作用域中声明uint64_t
  7. R语言可视化绘制及PDF使用字体参数列表:查看字体列表、可视化绘制图像中的字体参数列表、字体示例并写入pdf
  8. R语言使用ggplot2包使用geom_density()函数绘制密度图(连续色彩、离散色彩、梯度色彩)实战(density plot)
  9. R语言使用caret包的preProcess函数进行数据预处理:对所有的数据列进行center中心化、scale标准化(每个数据列减去平均值、除以标准差)、设置参数为center和scale
  10. R语言用户自定义函数的语法结构、编写自定义统计值计算函数(使用ifelse结构计算均值和标准差等)、编写自定义日期格式化(format)函数(switch函数使用不同分枝格式化日期数据)、应用自定函数