JavaScript错误:";“未定义文档”;

JavaScript错误:";“未定义文档”;,javascript,compiler-errors,Javascript,Compiler Errors,我正在努力学习Udemy上的JavaScript教程。在DOM部分,我和指导老师一起对猪游戏进行了修改。我正在使用Visual Studio代码并刷新Chrome浏览器中的UI。我在正确的目录中,但是当我使用document.querySelector之类的命令时,当我尝试运行它时,我会得到“ReferenceError:document未定义” 除此之外,我还得到了一个uncaughtypeerror控制台,它说:“uncaughtypeerror:cannotsetproperty'text

我正在努力学习Udemy上的JavaScript教程。在DOM部分,我和指导老师一起对猪游戏进行了修改。我正在使用Visual Studio代码并刷新Chrome浏览器中的UI。我在正确的目录中,但是当我使用document.querySelector之类的命令时,当我尝试运行它时,我会得到“ReferenceError:document未定义”

除此之外,我还得到了一个uncaughtypeerror控制台,它说:“uncaughtypeerror:cannotsetproperty'textContent'为null”,这是指尝试更新当前分数的行

我不知道如何处理这些错误。我所看到的stackoverflow上的其他帖子都没有多大帮助。我是JavaScript新手(一般来说对编码也比较陌生)。任何帮助都将不胜感激

这是我的密码:

var分数、roundScore、activePlayer;
得分=[0,0];
总分=0;
activePlayer=0;
document.querySelector('.dice').style.display='none';
document.getElementById('score-0')。textContent='0';
document.getElementById('score-1')。textContent='0';
document.getElementById('current-0')。textContent='0';
document.getElementById('current-1')。textContent='0';
document.querySelector('.btn roll').addEventListener('click',function(){
//1.随机数
var dice=Math.floor(Math.random()*6)+1;
//2.显示结果
var diceDOM=document.querySelector('.dice');
diceDOM.style.display='block';
diceDOM.src='dice-'+dice+'.png';
//3.如果滚动编号不是1,则更新舍入分数。
如果(骰子!==1){
//加分
圆分数+=骰子;
document.querySelector(“#current”-+activePlayer).textContent=roundScore;
}否则{
//下一个玩家
}
});
/**********************************************
***一般的
**********************************************/
.期末成绩{
位置:绝对位置;
左:50%;
转化:translateX(-50%);
顶部:520px;
颜色:#555;
字号:18px;
字体系列:“Lato”;
文本对齐:居中;
填充:10px;
宽度:160px;
文本转换:大写;
}
.最终分数:焦点{大纲:无;}
#骰子-1{top:120px;}
#骰子-2{top:250px;}
* {
保证金:0;
填充:0;
框大小:边框框;
}
.clearfix::之后{
内容:“;
显示:表格;
明确:两者皆有;
}
身体{
背景图像:线性渐变(rgba(62,20,20,0.4),rgba(62,20,20,0.4)),url(back.jpg);
背景尺寸:封面;
背景位置:中心;
字体系列:Lato;
字体大小:300;
位置:相对位置;
高度:100vh;
颜色:#555;
}
.包装纸{
宽度:1000px;
位置:绝对位置;
最高:50%;
左:50%;
转换:翻译(-50%,-50%);
背景色:#fff;
盒影:0px 10px 50px rgba(0,0,0,0.3);
溢出:隐藏;
}
.player-0-panel,
.player-1-panel{
宽度:50%;
浮动:左;
高度:600px;
填充:100px;
}
/**********************************************
***球员
**********************************************/
.玩家名称{
字体大小:40px;
文本对齐:居中;
文本转换:大写;
字母间距:2px;
字号:100;
边缘顶部:20px;
边缘底部:10px;
位置:相对位置;
}
.球员得分{
文本对齐:居中;
字号:80px;
字号:100;
颜色:#EB4D;
边缘底部:130像素;
}
.active{背景色:#f7f7f7;}
.active.player名称{字体重量:300;}
.active.player名称::之后{
内容:“\2022”;
字体大小:47px;
位置:绝对位置;
颜色:#EB4D;
顶部:-7px;
右:10px;
}
.播放器当前框{
背景色:#EB4D;
颜色:#fff;
宽度:40%;
保证金:0自动;
填充:12px;
文本对齐:居中;
}
.播放器当前标签{
文本转换:大写;
边缘底部:10px;
字体大小:12px;
颜色:#222;
}
.球员当前得分{
字体大小:30px;
}
钮扣{
位置:绝对位置;
宽度:200px;
左:50%;
转化:translateX(-50%);
颜色:#555;
背景:无;
边界:无;
字体系列:Lato;
字体大小:20px;
文本转换:大写;
光标:指针;
字体大小:300;
过渡:背景色0.3s,颜色0.3s;
}
按钮:悬停{font-weight:600;}
按钮:悬停i{右边距:20px;}
按钮:焦点{
大纲:无;
}
我{
颜色:#EB4D;
显示:内联块;
右边距:15px;
字体大小:32px;
线高:1;
垂直对齐:文本顶部;
利润上限:-4px;
过渡:边缘0.3s;
}
.btn新{top:45px;}
.btn卷{top:403px;}
.btn保持{top:467px;}
.骰子{
位置:绝对位置;
左:50%;
顶部:178px;
转化:translateX(-50%);
高度:100px;
盒影:0px 10px 60px rgba(0,0,0,0.10);
}
.winner{背景色:#f7f7f7;}
.winner.player name{font-weight:300;color:#eb4d;}

猪游戏
玩家1
43
现在的
11
玩家2
72
现在的
0
新游戏
掷骰子
持有

好的一点是
“#current”-+activePlayer
没有意义;你需要的是引号内的
-
,而不是引号外的。谢谢