浏览器显示index.js原始代码而非输出,请求解决
浏览器显示JS源代码而非输出的解决办法
问题本质
浏览器本身不会直接运行独立的.js文件并展示输出——它只会把JS文件当成纯文本渲染。你之前能看到输出,肯定是通过HTML文件引入JS代码运行的,而非直接打开.js文件。Node.js的安装卸载只是巧合,和这个问题没有直接关联。
快速修复步骤
- 新建一个
index.html文件,和你的index.js放在同一文件夹中,写入以下代码:
<!DOCTYPE html> <html> <body> <script src="index.js"></script> </body> </html>
- 用浏览器打开这个
index.html文件,就能正常看到JS代码的执行输出了
补充说明
如果之前你确实是直接打开.js文件就有输出,那大概率是当时系统里有本地服务器类工具,帮你把JS文件转换成了可执行的网页环境,但现在这个环境已经失效。通过HTML引入JS是浏览器执行前端JS的标准方式,不会再出现这类问题。
另外,要是你想在终端运行JS代码,重新安装Node.js后,在终端输入node index.js就能看到输出,这和浏览器里的前端JS运行是完全不同的两种场景。
内容的提问来源于stack exchange,提问作者KRRISH
相关产品推荐
相关产品推荐

