js中常见的错误

article/2025/8/29 11:53:07

js运行报错，首现我们要先学会查看在哪里查看错误

打开页面点击鼠标右键审查元素（检查），打开控制台，然后根据上面的提示，读取

相关信息，然后读取自己哪里错了，最后寻找相应代码进行修改。

1.未定义错误

Uncaught ReferenceError: b is not defined

未捕捉到引用错误:b 没有定义

（没有定义就去使用它了）

2.文件外链错误

Uncaught SyntaxError: Invalid or unexpected token

25行发生的错误

Uncaught 没有捕捉到

SyntaxError:语法错误

Invalid不合法的

Unexpected 不应出现的

token字符

25行语法错误,标点符号错误

script写过src属性的不能在里面放入代码

3.方法名错误

常见错误.html:20 Uncaught TypeError: swiper.clone is not a function

 

20行发生了错误

uncaught TypeError没有捕捉到类型错误

: swiper.clone is not a function

.swiper.clone不是一个函数

swiper没有clone方法 大概率方法名写错了

4.js引入错误

Uncaught TypeError: Cannot read properties of null (reading 'appendChild')

appendChild前面那个元素为null

<script>var swiper = document.querySelector(".swiepr");document.body.appendChild(swiper.clone(true))
</script></head><body>

document.body为null

原因:在body前获去执行js document.body 还没有body标签

5.选取元素错误

常见错误.html:15 Uncaught TypeError: Cannot read properties of undefined (reading 'add')

15行发生错误

Uncaught TypeError没有捕捉到类型错误

Cannot read properties of undefined 不能读取未定义的属性

(reading 'add')读取add属性

add前面那个对象是undefined

原因:swiper.classList 选择到swiper没有classList的值为undefined

通过querySelectAll选择的 列表没有classList属性

Uncaught TypeError: Cannot read properties of null (reading 'classList')

classList前面那个元素为null 没有选择到

常见错误.html文件的15行,第11字符错误

Uncaught 没有捕捉到

TypeError类型错误

Cannot 不能

read 读

properties 属性

of null null的

不能读取null的属性（reading ‘classList’）

reading读

classList 类列表

当读取null的classList属性了发送了类型错误

引起的原因: swiper选择适合没有选择到值就null（选择器填错了）

6.js外链文件没有成功

Uncaught SyntaxError: Unexpected token '<'

 

swiper.js出错了,还在第1行

uncaught没有捕捉到

SyntaxError 语法错误

Unexpected 不期待的

token符号

‘<’ 不应存在

引起原因:script的src 地址填错了,hbuilderx默认返回一个404的网页

js文件是个html待'<' 报错


http://chatgpt.dhexx.cn/article/1bN17qiw.shtml

相关文章

JS中一些经常遇到的错误

JS中一些经常遇到的错误

无法给动态创建的元素绑定事件,通过事件委托解决 瀑布流效果 <style type"text/css"></style> <script> let df document.createDocumentFragment() for (let i 1; i < 43; i) { let oDiv docume…
阅读更多...
[Vue]解决npm run dev报错internal/modules/cjs/loader.js:968 throw err；

[Vue]解决npm run dev报错internal/modules/cjs/loader.js:968 throw err；

问题 解决 有2中方法&#xff0c;建议先尝试第一种&#xff0c;不行再第二种 重新安装依赖环境 删除项目的node_modules文件夹&#xff0c;重新执行 # 安装依赖环境 npm install# 运行 npm run dev降低webpack的版本 查看package.json中webpack的相关版本 # 卸载当前版本…
阅读更多...
vue出现caution:request is not finished yet导致页面卡死问题解决思路

vue出现caution:request is not finished yet导致页面卡死问题解决思路

1、问题描述 开发环境正常运行&#xff0c;部署上线后点击某一按钮请求接口时页面出现卡死。在Network>Timing发现异常提示&#xff1a; caution:request is not finished yet 2、问题分析 &#xff08;1&#xff09;通过Postman模拟请求接口&#xff0c;接口正常。 &am…
阅读更多...
关于Vue项目中js报错callback() is not a function

关于Vue项目中js报错callback() is not a function

关于Vue项目中js报错callback() is not a function 原函数&#xff1a; 解决后&#xff1a; 即在参数中加入了rule&#xff0c;虽然rule都没有使用&#xff0c;但确实是解决了callback() is not a function
阅读更多...
Vue中报错：Error in v-on handler: “ReferenceError: state is not defined“

Vue中报错：Error in v-on handler: “ReferenceError: state is not defined“

目录 背景 解决报错思路 反思 背景 在编写组件化时&#xff0c;Vue提示报错&#xff1a;Error in v-on handler: "ReferenceError: state is not defined" 解决报错思路 1.console控制台在index.js组件的第27行代码&#xff0c;还能输出语句&#xff1a;“mutati…
阅读更多...
【解决】控制台报错Uncaught TypeError: Object(...) is not a function at eval (vue-router.esm-bundler.js

【解决】控制台报错Uncaught TypeError: Object(...) is not a function at eval (vue-router.esm-bundler.js

打开http://localhost:8080/&#xff0c;控制台报错 Uncaught TypeError: Object(...) is not a functionat eval (vue-router.esm-bundler.js?f2fc:2127:1)at Object../node_modules/vue-router/dist/vue-router.esm-bundler.js (app.js:2218:1)at __webpack_require__ (ap…
阅读更多...
成功解决使用node时，启动js文件抛出错误 events.js:377 throw er； // Unhandled ‘error‘ event ^Error: listen EA

成功解决使用node时，启动js文件抛出错误 events.js:377 throw er； // Unhandled ‘error‘ event ^Error: listen EA

问题描述: 我在写服务端时&#xff1a; const http require(http); const url require(url)const app http.createServer(); app.on(request,(req,res)>{//获取请求方式const method req.method.toLocaleLowerCase(); //返回的时大写的GET/POST 最好转换为小写的/…
阅读更多...
Vue前端报错[Vue warn]: data functions should return an object:https://vuejs.org/v2/guide/components.htm

Vue前端报错[Vue warn]: data functions should return an object:https://vuejs.org/v2/guide/components.htm

在进行登陆页面输入账号密码后&#xff0c;点击登陆按钮&#xff0c;跳转时浏览器报了以下错误 解决方案1&#xff1a; 检查所指向文件的script部分代码的data是否有return{}&#xff0c;若没有return 则补上 vue的文件data中不写return{ }返回值的话&#xff0c;包裹的数据会…
阅读更多...
解决vue创建新项目与版本查看，都报错“internal/modules/cjs/loader.js:1032 throw err；”

解决vue创建新项目与版本查看，都报错“internal/modules/cjs/loader.js:1032 throw err；”

废话有点多&#xff0c;请忽略&#xff1a;今天创建vue新项目时&#xff0c;出现一个奇怪的报错“internal/modules/cjs/loader.js:1032 throw err;”&#xff0c;接下来的现象刷新了我的认知&#xff0c;不论是查看vue版本&#xff0c;还是重装vue&#xff0c;都会报错。在网上…
阅读更多...
解决internal/modules/cjs/loader.js:905报错

解决internal/modules/cjs/loader.js:905报错

D:\vue-admin-template-master>node testMock.js internal/modules/cjs/loader.js:905 throw err; ^ Error: Cannot find module ‘D:\vue-admin-template-master\testMock.js’ ?[90m at Function.Module._resolveFilename (internal/modules/cjs/loader.js:902:15)?[39…
阅读更多...
码分多址(CDMA)通信原理

码分多址(CDMA)通信原理

阅读更多...
频分多址、时分多址、码分多址、空分多址之间的区别

频分多址、时分多址、码分多址、空分多址之间的区别

简单举例&#xff0c;我们把频率资源想象成一个房间&#xff0c;如果把房间分割成不同的空间&#xff0c;不同的用户在不同的房间聊天&#xff0c;这就是频分多址&#xff08;FDMA&#xff09;。 如果这个房间里&#xff0c;某一时间让某一个人说话&#xff0c;下一时间段&…
阅读更多...
计算机网络与无线通信系统学习10：码分多址(CDMA)的本质-正交之美

计算机网络与无线通信系统学习10：码分多址(CDMA)的本质-正交之美

引子&#xff1a; CDMA是个很重要的通信概念&#xff0c;很多的大学教科书上都会提到它&#xff0c;甚至我们今天可能都在使用它。然而提到cdma&#xff0c;很少有资料提到它的思想是多么的有创意&#xff0c;教科书上关于cdma的章节都过于复杂&#xff0c;过于数学化&#x…
阅读更多...
码分多址CDMA及计算（简单易懂）

码分多址CDMA及计算（简单易懂）

CDMA是一种共享信道的方法&#xff0c;每一个用户可以在同样的时间使用同样的频带进行通信。 简单地说&#xff0c;就是当多个用户用同一个信道进行通信时&#xff0c;如果不采用CDMA的方法&#xff0c;就只能一个一个用户进行通信&#xff0c;效率相对较低。而采用CDMA的方法&…
阅读更多...
计算机复习6----码分多址CDMA计算

计算机复习6----码分多址CDMA计算

该部分知识位于书P57 看题 解法&#xff1a; 将 A\B\C\D每个的码片与收到的码片序列&#xff0c;逐个进行乘法 例&#xff1a; 1. 将A中第一位 -1与S中第一位 -1 相乘 得 1 2. 第二位 -1 * 1 -1 以此类推 3. 得 &#xff08;1&#xff0c;-1&#xff0c;3&#xff0c;1&#…
阅读更多...
图解通信原理与案例分析-19：3G CDMA码分多址通信技术原理---码分多址、OVSF正交扩频码、伪随机码序列

图解通信原理与案例分析-19：3G CDMA码分多址通信技术原理---码分多址、OVSF正交扩频码、伪随机码序列

前言导读&#xff1a; 码分多址(CDMA)是第三代移动通信的核心技术&#xff0c;其基本思想是在相同的载波频段上&#xff0c;通过的不同的地址码来区分的不同用户、不同基站的数据。 3G CDMA与2G GSM通信相比&#xff0c;主要网络架构与通信流程&#xff0c;大体相似&#xff…
阅读更多...
CDMA码分多址原理

CDMA码分多址原理

码分多路复用(CDM) 各用户使用经过特殊挑选的不同码型&#xff0c;彼此不会造成干扰。这种系统发送的信号有很强的抗干扰能力&#xff0c;其频谱类似于白噪声&#xff0c;不易被敌人发现。每一个比特时间划分为 m 个短的间隔&#xff0c;称为码片(chip)。 通常使用码分多址(C…
阅读更多...
码分多址matlab代码,基于matlab的码分多址系统仿真

码分多址matlab代码,基于matlab的码分多址系统仿真

基于matlab的码分多址系统仿真 淮南师范学院电气信息工程学院 2010届电子信息工程专业课程设计报告 课程设计报告 题 目&#xff1a; 基于 Matlab 的 CDMA 多址技术的仿真 学生姓名&#xff1a; 学生学号&#xff1a; 1008030130 系 别&#xff1a; 电气信息工程学院 专 业&am…
阅读更多...
码分多址的计算题

码分多址的计算题

目录 前言简介关于计算题步骤例题 参考 前言 码分多址&#xff08;CDMA&#xff09;和码分复用多路&#xff08;CDM&#xff09;的区别&#xff1a; 码分复用 (CDM) 是一种网络技术&#xff0c;其中组合多个数据信号以在公共频带上同时传输当 CDM 用于允许多个用户共享单个通…
阅读更多...
码分多址CDMA

码分多址CDMA

码分复用&#xff0c;CDM&#xff0c;CDMA 最近复习《计算机网络》&#xff0c;遇见一些比较困难的地方&#xff0c;写了一些见解 CDMA&#xff08;Code Division Multiple Access&#xff09; 码分多址是指以不同的伪随机码来区别基站。各基站使用同一频率并在同一时间进行…
阅读更多...
推荐文章

Copyright @ 2022~2023