VScode中，Live Server打开浏览器后一直转圈加载问题

vastSky0

已于 2023-02-01 12:07:46 修改

阅读量2.3k

点赞数

分类专栏：前端文章标签： vscode javascript 前端

于 2023-02-01 12:03:28 首次发布

本文链接：https://blog.csdn.net/NEXT00/article/details/128830758

版权

前端专栏收录该内容

22 篇文章 0 订阅

订阅专栏

出现问题：在VScode中练习代码的时候，一直正常使用的Live Server的插件，突然出现网页卡在加载界面的问题，截图如下
请添加图片描述
通过一点点排查问题，排除了下面几个原因：
1、之前一直能正常使用，不是版本插件不适应的问题
2、修改了Live Server的拓展设置，修改了使用的端口号，无法解决问题
3、更换了打开的浏览器，如火狐、Chrome，无法解决问题
接下来通过更换html中引用的js文件，发现使用新建的js文件可以正常打开，不会卡住，那么问题就是原js文件中的代码出了问题：
HelpIndex.html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="Help2.js"></script>
</head>
<body>
    <h1>js练习</h1>           
</body>
</html>

Help.js:

//concat('str1','str2','str3'...);字符串拼接
var str4='|my|';
var str5='|name|';
var str6='|is|';
var str7='|xxx|';
var str8;
str8=str4+str5+str6+str7;
console.log(str8);
//截取从2号索引开始的字符，一直到结尾
var str9=str8.substring(2);
//截取从2号索引开始，到7号索引“前”结束的字符
var str10=str8.substring(2,7);
console.log(str9);
console.log(str10);

//replace('str1','str2');将字符串str1替换为str2
var str11='aaaaabbaaaccdd';
//将a替换为e，从前到后，一次只替换一个
var str12=str11.replace('a','e');
console.log('单个替换'+str12);
//利用while将字符串里的a全部替换为e
while(str10.indexOf('a')!=-1){
  str12=str11.replace('a','e');
}
console.log('批量替换'+str12);