Javascript 如何在静态代码沙盒模板中使用脚本?
我创建了一个,但似乎无法让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>
<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")