Sanity Studio：Babel 预设环境解析错误

Question

我是 Sanity 的新手，刚刚建立了一个项目。一切工作正常，但是，在 Visual Studio Code 中，我不断收到不会消失的解析错误，我想知道如何修复它。

Parsing error: Cannot find module '@babel/preset-env'

我尝试删除node_modules并重新运行sanity install，我也尝试使用npm install安装@babel/core和@babel/preset-env。到目前为止似乎还没有解决这个问题。

有什么建议么？我想开始在工作中与我的团队一起使用 Sanity，但是出现这个错误确实很烦人（因为所有内容都用红色下划线表示）。

Answer 1

我也有类似的问题。对我来说，这个问题与 VS Code 处理包含多个 ESLint 工作目录（在 monorepos 中常见）的项目的方式有关。

例如

Project
   |--- /web
   |--- /studio

在我的项目根目录中，编辑（或创建）./.vscode/settings.json以包含我的 ESLint 项目。注意：这些设置仅适用于您当前的工作区。

"eslint.workingDirectories": ["./web", "./studio"]

希望有帮助:-)

Answer 2

方法一：

在根目录中创建一个名为 .babelrc 的文件并添加以下代码

    {
      "presets": ["next/babel"],
      "plugins": []
    }

并在 .eslintrc 中将现有代码替换为

    {
      "extends": ["next/babel"]
    }

方法二：

您需要使用以下命令安装 npm：

npm install --save-dev @babel/core @babel/preset-env

         or


npm install --save-dev @babel/core

我希望这能解决您的问题。