js引入的顺序问题导致js报错

最新推荐文章于 2024-06-25 18:13:57 发布
最新推荐文章于 2024-06-25 18:13:57 发布
阅读量915 收藏
点赞数
分类专栏： 前端 文章标签： js引入
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Sun_of_Rainy/article/details/86705657
版权

我的index页面引入的两个js文件，分别是a1.j、a2.js，a2是该页面的主js，而a1.js是需要用的插件js，a2文件用到了a1文件中定义的变量

一开始我在html页面引入时将插件js文件a1.js放在a2.js后面，所以浏览器后台报错那个变量没有定义的问题。

然后看了下引入的文件，猜测可能是引入顺序问题，调换顺序之后，问题解决！

Sunlalalla
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
防止页面中js文件重复引入报错问题解决方法浅谈
chikuitu2122的博客
01-01 1438
今天使用layerUI做页面布局，index主页面嵌套子页面，因为在子页面中重复引入layui.js，layerui上传图片事件导致前台页面报错——layer is not a valid module； 该错误也可能是引入的jquery放在了layui.js后面导致报错； 百度寻得解决方...
vue如何解决循环引用组件报错的问题
10-17
在Vue开发过程中，循环引用组件有时会导致报错，特别是当组件相互依赖，形成循环引用时。Vue框架在处理这种情况时可能会出现"Unknown custom element"的警告，提示组件未正确注册。这个问题通常源于组件实例化顺序与...
关于javascript动态引入js文件加载顺序问题
最新发布
lycSo的博客
06-25 156
最近写代码时发现动态引入js文件无法保证js的加载顺序，于是做了更深一步的了解。
javascript学习笔记 - import存在重复引用js问题么（附详细import说明）
暂时先用这个名字
03-28 4710
import详细用法
js的模块化导入问题 import xxx from xx 优先级问题
Obscurede的博客
03-13 1195
js中的import from的执行优先级很高。 export.js的demo function add(a, b) { console.log(a + b); } function sub(a, b) { console.log(a - b); } export { add as myAdd, sub as mySub } import.js里的代码 myAdd(1, 2) mySub(3, 4) import { myAdd, mySub } from './export.js'
引入外部js时，顺序问题
KIoIK的博客
06-19 808
浏览器在解析一个网页的时候，是从上到下依次解析的。在碰到js文件时，同样的浏览器会先解译先遇到的js文件。我在写网页的时候，导入了三个js，其中两个js文件之间有关联，导致网页加载出现了问题，在网页中，下面的js代码块能够访问上面的的代码块，反之不行，我碰到的问题就是因为这个原因无法加载，调整js文件顺序后，问题解决。 ...
js双重引用导致
a5601564的博客
11-11 451
js双重引用会 导致 有问题。 去掉其中一个。 2.注意 load function ，这是要等待资源加载完成才触发的方法。 会导致 undefined。 popup.addEventListener("load", function(e){ console.log("All resources finished loading!"); popup.documen...
vue 解决循环引用组件报错的问题
10-18
然而，在循环引用的情况下，两个或多个组件互相引用，可能会导致组件的加载顺序出现问题，从而导致错误。 例如，假设我们有两个组件`ComponentA`和`ComponentB`，它们都试图在各自的模板中使用对方。如果`Component...
在Web项目中引入Jquery插件报错的完美解决方案(图解)
10-21
然而，当我们在Web项目中尝试引入jQuery插件时，可能会遇到各种报错问题，这通常与项目的配置、资源加载顺序或者插件本身不兼容有关。本文将详细介绍一种解决在Web项目中引入jQuery插件报错的完美方案。 首先，我们...
解决JavaScript layui 下拉框不显示的问题
10-18
1. **加载顺序问题**：layui的`layui.all.js`或者`layui.css`文件需要在页面头部正确引入。如果这两个文件加载延迟或者顺序错误，可能会导致组件样式没有生效，进而影响到下拉框的显示。 2. **渲染时机**：`form....
echarts4.7地图文件js
04-16
4. **加载顺序问题**：在某些情况下，地图文件可能需要在ECharts初始化之前完全加载完毕，否则可能会导致地图无法显示。 5. **浏览器兼容性**：虽然ECharts支持大多数现代浏览器，但在一些旧版本或非主流浏览器上...
JS引用顺序不对，都会导致错误
weixin_33827731的博客
03-09 272
2019独角兽企业重金招聘Python工程师标准>>> ...
解决import导入顺序杂乱无章的问题
程序员成长指北
09-27 472
大厂技术高级前端Node进阶点击上方程序员成长指北，关注公众号回复1，加入高级Node交流群我们经常会遇到项目中的 import 语句顺序混乱的问题。这不仅会影响代码的可读性，还可能使我们代码在提交的时候产生不必要的冲突。解决方案 eslint-plugin-import开始我调研了一下 eslint-plugin-import 插件。这款插件的排序逻辑是这样：builtin: 这代表N...
vue项目js导入加载顺序
热门推荐
SHALLNY
03-14 1万+
1.进入vue项目学习后，时常会出现js导入后的加载顺序不当的报错 在引入的js中: var block = document.getElementById("block"); // 绑定touchstart事件 block.addEventListener("touchstart", function(e) { }); 2.由于界面是由上自下的形式进行解析加载的，此时若不是...
ES6模块和CommonJS规范区别，以及AMD CMD,import按需加载
u013400314的博客
06-11 1638
ES6模块和CommonJS规范区别 ①CommonJS支持动态导入，ES6不支持，是静态编译。②CommonJS同步加载，用于服务端，文件放在本地磁盘，读取速度快。同步导入卡住主线程也并无影响。ES6是异步加载，用于浏览器端，不能同步加载，会导致页面渲染，用户体验差。③CommonJS模块输出的是值拷贝，内部的变化影响不到值的变化。ES6模块输出的是值引用，原始值变化，加载的值也会跟着变化，ES6模块是动态引用，并且不会缓存值。④CommonJS模块是运行时加载，ES6模块是编译时输出接口。CommonJ
使用 eslint 自动调整 import 代码顺序
许盛的博客
05-08 9170
随着项目代码量的增多，每个 js/ts 文件头部都会有一堆 import 代码。 之前都是依赖 webstorm 的自动导入功能，然后手动调整下顺序，将 node_modules 中引入代码和项目目录中的引入代码区分开就行，反正 webstorm 默认打开文件的时候，会把上面的一堆 import 代码给折叠起来。 而写 go 的时候，goland 可以自动调用 go fmt ，将 import 部分的代码也优化优化。 最近想着把编码规范再制定的细致一点，正好把这个问题也解决下。 eslint 自带规
大坑！js优先级问题
wustlucy的博客
11-06 1950
if(A()&&B()&&C()&&D()==flase) alert("hahahhaha"); 结果却不是博主所预期的，有一个函数错误应该就为false，进入到条件语句中，但总是进不去。后来通过查表如下图： 博主的潜意识里认为js和java，c++一些面向对象的语言的优先级一样,&&的优先级最高，但是其实不然，！=的优先级大于&，||，&&。
js脚本加载执行顺序
czz19910404的博客
03-14 2131
js脚本加载执行顺序
js文件的引入顺序
selaginella的专栏
10-31 3371
<!-- --> <!-- 在引入javascript代码段的时候，需要先引入最基本的js文件，再引入需要此基本js文件的js文件， 例如此例中引入的js文件中add.js需要jquery-latest.js,所以如果先引入jquery-latest.js文件 再引入add.js文件，如果像上面注释引入的顺序则不能正确执行add.js代码
IE浏览器引入js文件报错方法未定义
07-13
IE浏览器引入js文件报错方法未定义的问题通常是由于以下几个原因引起的： 1. JS文件未正确加载：请确保你的HTML页面中正确引入了JS文件，并且路径是正确的。可以使用开发者工具检查网络请求是否成功加载了JS文件。 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值