作为学习项目的一部分,我正在开发记分板仪表板。我的应用程序中的 JavaScript 函数在 Visual Studio Code 中完美运行。然而,将项目部署到 GitHub Pages 和 Netlify 后,我的计数器应用程序中的按钮根本不起作用。当我单击它们时,我收到“函数未定义”错误(404),这让我认为 index.js 文件未正确加载。
这是实时站点:https://neon-lily-6553ae.netlify.app/ 这是 GitHub 存储库:https://github.com/jaysonfeldman/scoreboard-final
我仔细检查了index.html 文件中的脚本标记,以确保它们正确指向index.js 文件。我还验证了 JavaScript 代码可以在本地环境中运行,因此我预计部署后会出现相同的行为。但是,部署的版本无法正确加载脚本,导致在尝试调用函数时出现 404 错误。我怀疑部署环境中文件的引用方式可能存在问题,但我不确定
我是编程新手,已经尝试解决这个问题大约 2 个小时,但我陷入困境。由于这是我第一次在 Stackoverlow 上提问,因此我们将不胜感激任何指导或提示!
你可以尝试用
<script src="./index.js"></script>
代替<script src="index.js"></script>
。