<canvas width="600" height="400"></canvas>
<script>
var tela = document.querySelector("canvas");
var pincel=tela.getContext("2d");
pincel.fillStyle="lightgrey";
pincel.fillRect(0,0,600,400);
</script>
<canvas width="600" height="400"></canvas>
<script>
var tela = document.querySelector("canvas");
var pincel=tela.getContext("2d");
pincel.fillStyle="lightgrey";
pincel.fillRect(0,0,600,400);
</script>
Copiei seu código e testei aqui e está tudo funcionando normal. Você já tentou testar em outro navegador? talvez esta versão do navegador não seja compatível com a tag <canvas>
O meu está com esse problema, testei no firefox e no Brave e nada Já conseguir resolve, o meu canvas estva assim;
<canvas width="600" height="400">
</canvas>
mudei para a mesma linha, não sei qual motivo funcionou
<canvas width="600" height="400"></canvas>