ESLint + Prettier 报错因规则未对齐,需安装 eslint-config-prettier 并在 extends 末尾加 'prettier';Chrome 断点不命中多因 sourcemap 路径配置错误;Quokka 默认不支持 import.meta.env 和自动导入;JavaScript Booster 重构可能破坏闭包或 this 绑定。

ESLint + Prettier 组合为什么总报错?
常见现象是保存后代码被格式化,但 ESLint 又标红提示“semi not allowed”或“quotes mismatch”。这不是插件冲突,而是规则没对齐。
- 必须安装
eslint-config-prettier:它禁用所有与 Prettier 冲突的 ESLint 规则 - 在
.eslintrc.js的extends数组末尾加上'prettier'(不是eslint-config-prettier) -
settings.json中设"editor.defaultFormatter": "esbenp.prettier-vscode",同时关掉"editor.formatOnSave"的全局开关,改用 ESLint 的Fix on Save(需开启"eslint.codeActionsOnSave.mode": "all")
否则你会陷入“Prettier 加分号 → ESLint 报错 → 手动删 → 保存又加”的死循环。
Chrome 调试时断点不命中?
不是代码没执行,大概率是 sourcemap 没对上。尤其用 Vite 或 Webpack 构建后,launch.json 里 webRoot 和 sourceMapPathOverrides 必须配准。
将一个或多个视频上传至YouTube。当用户想“上传到YouTube”“发YouTube”“批量上传”“upload to YouTube”“post videos to YouTube”或发布到YouTube时使用此技能。
-
webRoot应指向构建前源码根目录,比如"${workspaceFolder}",不是dist/ - 若用 Vite,默认生成的 sourcemap 是相对路径,加这一行:
"sourceMapPathOverrides": { "src/*": "${webRoot}/src/*" } - 检查浏览器 DevTools 的 Sources 面板里是否出现
webpack://或vite://前缀文件;没出现说明 sourcemap 没加载 - 临时验证:在
debugger语句处打断点,如果命中断点但变量显示undefined,基本是 sourcemap 映射错误
Quokka.js 实时运行结果不准?
它默认只执行当前文件上下文,不自动 import 其他模块,也不识别 import.meta.env 这类构建时注入变量。
- 遇到
ReferenceError: require is not defined,说明 Quokka 默认跑在 ESM 模式下,把顶部加// @ts-nocheck改成// @quokka-node切换到 Node.js 环境 - 想读取
.env变量?得手动require('dotenv').config(),Quokka 不走构建流程 - 函数调用返回
undefined?确认最后一行是否显式return,Quokka 不像 REPL 那样自动输出表达式结果 - 对 TypeScript 支持弱:建议关掉
tsconfig.json中的"isolatedModules": true,否则类型导入会被报错
JavaScript Booster 重构后变量作用域出错?
它能安全转换 var → const、function → 箭头函数,但遇到闭包或 this 绑定场景会沉默失败——不会报错,但结果不对。
- 光标停在
for (var i = 0; i console.log(i), 100) }上,点灯泡转let是安全的;但转const会直接报错,插件不会给你这个选项 - 含
this的方法体,选 “Convert to arrow function” 后,this会变成词法作用域,原意是实例上下文就丢了 - 条件表达式替换(
if/else→?:)只适用于纯表达式分支;如果else块里有throw或return,插件压根不显示该选项 - 真正危险的是 “Split into declaration and initialization”:对
let obj = { a: 1 }拆成两行后,obj初始化为undefined,后续任何属性访问都会Cannot read property 'a' of undefined
重构类插件省时间,但别让它替你判断语义——光看灯泡亮不亮,得盯住变量生命周期和执行上下文。

















