js编写报错，如何解决？

img


这个报错怎么解决，求帮助，这是什么样的问题，怎么解决，按照B站视频课上的例子，视频中没问题，

“Devil组”引证GPT后的撰写：
代码的开头缺少了"use strict"语句

其次，代码中使用了"$"和"jQuery"，但未定义它们。这通常是因为未正确导入jQuery库。

以下是修改后的代码：


"use strict";

function myFunction($) {
  $('.multi-menu .title').click(function () {
    $(this).next().removeClass('hide');
    $(this).parent().siblings().find('.body').addClass('hide');
  });
}

myFunction(jQuery);

小魔女参考了bing和GPT部分内容调写:
解决js报错的方法有很多，首先要明确报错的原因，可以通过控制台查看报错信息，从而找出报错的原因，然后根据报错信息，查找相关资料，结合实际情况，找出解决方案。比如说，报错信息提示缺少某个变量，可以检查代码中是否有定义该变量，如果没有，就需要定义该变量，如果有，就要检查变量的作用域是否正确，等等。另外，还可以尝试使用debugger调试，以及使用断点调试，这些方法都可以帮助我们找出报错的原因，从而解决报错问题。
回答不易，记得采纳呀。

img

找到 use strict 那一行，那行有错误，缺少双引号，提示是这么提示的

js 在出错后，后续 js 会运行失败，你后续的错误是 jquery 引用失败了

参考GPT和自己的思路，这个报错主要是由于语法错误导致的。其中包含以下几个问题：

1 缺少"use strict"语句，可以在代码的最上面添加"use strict"，这可以帮助避免一些常见的JavaScript错误。

2 "$"未定义，这意味着可能未正确导入jQuery库。请确保在使用jQuery之前正确地导入了它。

3 "removeclass"应该是"removeClass"，大小写有误。

4 "addclass"应该是"addClass"，大小写有误。

5 参数类型错误，可能是由于在调用函数时使用了错误的参数。请检查调用函数的方式，确保它们接受正确的参数类型。

正确的代码应该类似于这样：

'use strict';

(function ($) {
  $('.multi-menu .title').click(function () {
    $(this).next().removeClass('hide');
    $(this).parent().siblings().find('.body').addClass('hide');
  });
})(jQuery);

注意要正确导入jQuery库，否则$将无法识别。另外，尽可能避免拼写错误，尤其是在编写JavaScript时。

以下答案由GPT-3.5大模型与博主波罗歌共同编写：
首先，报错信息应该包含以下信息：

  1. Error类型
  2. 错误信息
  3. 错误行数
  4. 错误文件名（如果有）

解决一个JS报错可能需要以下步骤：

  1. 首先检查错误信息，看看是否理解了错误是什么。通常，错误信息会描述错误的类型和位置。例如，“TypeError: Cannot read property 'x' of undefined”表示有一个“undefined”的值没有“x”属性。这可能是因为变量没有定义，函数返回可能为空（返回undefined）等原因。

  2. 再次检查代码并与教学视频进行比较，以确保按照教学视频执行。如果发现差异，请确定哪些行导致错误。

  3. 考虑使用console.log()语句输出变量，以检查它们的值是否正确。通常，在开发中使用console.log()可以提供有关问题的信息。

  4. 最重要的是编写一些测试代码，以确保所有代码都按预期工作。测试代码应当考虑到各种情况，例如无效输入和其他特殊情况。

下面是一个常见的JS错误示例及其解决方案：

错误信息：Uncaught TypeError: Cannot read property 'length' of undefined

代码示例：

var list;
console.log(list.length);

解决方案：变量list未定义，需要先定义或给它赋值，例如：

var list = [];
console.log(list.length);

如果我的回答解决了您的问题，请采纳！

这是没有引入jquery吧，在这个js引入之前引用一下jquery就好了。

前期学习的时候把这个关掉就好了,这些错误可有可无的

img

未引入 jQuery库原因。

$(function(){}); 其实是一个简写，它等同于 jquery 的 $(document).ready(function(){})
如果使用的是模板开发，需在 主 html 的 head中最先引入。参考如下：

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery引用</title>

<script type="text/javascript" src="js/jquery.min.js"></script>

</head>

引用下库

这个是JSHint觉得有错，并不是一定错了。
JSHint有自己的标准，不一定要符合它的标准才能运行的。

需要引入jquery的库才能使用

变量未定义

不知道你这个问题是否已经解决, 如果还没有解决的话:

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^