Javascript 如何在静态代码沙盒模板中使用脚本?

Javascript 如何在静态代码沙盒模板中使用脚本?,javascript,codesandbox,Javascript,Codesandbox,我创建了一个,但似乎无法让javascript正常工作: <html> <head> <script src="./app.js"></script> </head> <body> <p>Just a test</p> <script>console.log("heyyy")</script>

我创建了一个,但似乎无法让javascript正常工作:

   <html>
     <head>
     <script src="./app.js"></script>
     </head>
     <body>
       <p>Just a test</p>
       <script>console.log("heyyy")</script>
     </body>
    </html>

控制台根本不显示任何控制台输出。在没有绑定器的静态网站中不允许使用脚本吗?

扩展我的评论。看起来有一个默认设置会导致控制台被清除。您可以通过单击齿轮图标进行更改:

然后更改此选项(如果启用,则为绿色):


关闭后,控制台不再为我清除。

似乎有一个网页正在清除控制台。您可以通过点击F12并看到来自webpack源文件的“Console已清除”语句来判断。尝试使用
alert('boink')setTimeout(()=>console.log(“boink-boink”),1000)也将起作用。不知道为什么控制台是清晰的,谢谢你的回复。该cog图标实际上没有显示在我的codesandbox编辑器中,但我禁用了
file>preferences
下的设置
clear console
。奇怪的是,这对初始日志语句没有影响,它们仍然没有显示。但是,
setTimeout
有效,所以我猜脚本实际上正在运行!我还发现,
app.js
实际上是一个系统名,所以文件会自动被忽略。但无论出于何种原因,控制台仍处于清除状态。请尝试通过GH直接联系Codesandbox工作人员:。他们系统的某些部分是开源的。最后,我发现包含多个脚本不起作用,因为外部脚本中的变量类型检查失败(
x未定义,而
x
来自另一个文件)。我想这些静态模板真的不适合用于脚本编写。不是真正的问题,但很高兴知道!
 console.log("boink")