分类： JavaScript
-
本文针对浏览器控制台报错 UncaughtSyntaxError: Invalid or unexpected token 的问题进行分析，发现原因在于响应的 js 文件内容中包含了反斜杠导致内容被转义。通过检查并去除文件内容中的反斜杠，解决了内容转义问题，最终控制台不再报错。
-
本文基于《重构：改善既有代码的设计（第2版）》一书，记录了构筑测试体系前的示例代码编写过程。作者介绍了一个用于查看和调整生产计划的简单应用，详细展示了入口 HTML 文件及相关 JavaScript 模块的实现代码。在通过模块引入并创建实例后，作者在浏览器中打开页面并查看控制台输出，确认数值结果符合预期，完成了待测试代码的准备。
-
遇到Uncaught SyntaxError错误，参考JavaScript模块文档，在script标签中添加type=”module”解决。直接使用file协议访问时因CORS策略被阻止，需通过本地服务器运行。随后出现ReferenceError，虽能正常输出但仍有报错。最后将html中的JavaScript代码移动至statement.js文件内，彻底解决了报错问题。
-
在学习《重构：改善既有代码的设计 (第2版)》时，发现 statement 函数末尾缺少右括号导致代码格式显示问题，起初误以为原文漏写。在阅读大量嵌套函数重构章节后发现，该括号实际存在，但因嵌套函数未全貌显示而不可见。最终决定保留嵌套函数结构，程序仍可正常运行。
-
遇到 lerna ERR! yarn run prod exited 1 in ‘@theme/object’ 错误，决定删除 node_modules 目录，随后重新执行 yarn 和 yarn prod 命令以解决该问题。
-
本文在跟随《重构 改善既有代码的设计 ( 第 2 版 )》运行第一个示例时，遇到了浏览器控制台报错 Uncaught TypeError: invoice.performances is not iterable。排查发现，错误原因在于变量 invoice 被错误地定义为了数组，导致无法访问 performances 属性。通过修改 invoice 的定义去除了多余的数组标记后，代码成功运行，输出符合预期，问题解决。
-
执行 yarn 时报错提示 laravel-mix 的补丁文件无法被解析。通过查看 Git 日志发现补丁文件版本变更，但删除 node_modules 目录并重新安装未能解决问题。参考相关 Issues 使用 npx patch-package laravel-mix 生成补丁后，错误依然存在。最终通过将补丁文件的换行符从 CRLF 替换为 LF，成功解决了该报错并使 yarn 正常执行。
-
在 Laravel 6 中遇到报错“Illuminate\View\ViewException (E_ERROR) The Mix manifest does not exist”时，通常是因为项目缺少编译所需的资源文件。解决该问题首先需要执行 yarn install 命令安装当前项目的 npm 依赖包，接着运行 npm run dev 命令执行 Mix 任务以生成 manifest 文件，完成编译后刷新页面，错误即可消失，页面恢复正常显示。
-
Chrome 控制台报错提示 DevTools 无法加载来源映射，显示扩展程序内部文件路径对应的 HTTP 错误 404 及未知 URL 协议。经检查，问题源于帐号同步自动安装了迅雷下载支持扩展，但系统中并未安装该客户端。通过在扩展程序管理页面禁用或移除该插件并刷新页面，控制台中的错误提示消失，问题得到解决。
-
执行 yarn run prod 命令时提示 Browserslist 依赖过时，按照指引运行 npx 更新数据库后，继续执行构建命令却报错找不到 autoprefixer 中的 caniuse-lite 模块。排查后删除 node_modules 目录，重新执行 yarn install 安装依赖并运行 yarn run dev，问题解决，不再报错。