前言
代码报错，遇到BUG，是很好锻炼解决问题能力的机会，比如当VS Code中出现 @babel/preset-env 安装包解析报错，可采取如下解决思路：
- 确定问题原因（❗非常重要，可据此快速搜索相关解决办法）
- 搜索、尝试解决办法，逐一排查
- 总结方法
解析报错提示：
parsing error: cannot find module '@babel/preset-env'
确定原因
- 原因一：安装包缺失
- 原因二：VS Code-Eslint 默认不支持项目内嵌文件夹中的 node-modules
❗注意：
- 如果项目为使用Next.js, Sanity 前后端初始化自动生成的文件夹，可排除原因一。
- 如果尝试原因一解决办法后未解决，亦可排除原因一
原因一解决办法
重新下载安装包：npm install --save-dev @babel/preset-env
- 参考资料：
-
- StackOverflow: stackoverflow.com/questions/5…
- NPM官网：NPM：@babel/preset-env；
- Babel官网：babeljs.io/docs/en/bab…
- CSDN：blog.csdn.net/xianyinsuif…
原因二解决办法：
- 具体原因：VS Code-Eslint 默认不支持 Sanity 内嵌文件夹中的 package.json配置
解决办法：
- 在/.vscode > settings 中将项目文件夹和Sanity 后台内嵌文件夹同时设置为工作文件夹
解决步骤：
- 根目录新建 /.vscode文件夹 => 新建settings.json文件
- 在settings.json文件中，添加以下代码，将项目文件夹和Sanity 后台内嵌文件夹同时设置为工作文件夹
{
"eslint.workingDirectories": ["./Medium-Clone-v2", "./medium-clone-v2"]
}
