在Codesandbox中，为什么不能创建私有类字段？

Question

问题由于某种原因，每次我尝试在 Codesndbox 中创建私有类字段时，它都会显示以下内容：`SyntaxError: /Binary.js: Unexpected character '#' (7:2)`### SyntaxError ###**/Binary.js: Unexpected character '#' (7:2)**>#privateMethod() {... ^我在codesandbox上的MWE：https://codesandbox.io/s/question-private-fields-vxw1j ?file=/package.json怎么了！！！额外数据浏览器： Chrome

Answer 1

我想到了！

回答

1. 打开你的沙盒

2. 单击设置图标而不是屏幕左侧

3. 向下滚动，直到找到“.babelrc”文件，然后单击“创建”。（您可能需要创建一个Sandbox-Github 存储库）

4. 现在关闭文件并单击页面图标返回文件浏览（设置图标上方）

5. 向下滚动直到找到“依赖项”窗口

6. 转到搜索栏并将其复制并粘贴到其中@babel/plugin-proposal-private-methods

7. 一旦你这样做了，一些选项应该出现，点击第一个

8. 现在向后滚动并找到“.babelrc”文件并单击它

9. 现在您应该看到打开一个 JSON 文件，向下滚动直到看到以下内容：

"plugins": [
    "transform-runtime"
  ],

1. 现在复制这个：

"plugins": [

    "transform-runtime",

    "@babel/plugin-proposal-private-methods"

  ],

并将其粘贴到插件数组的顶部。文件现在应该如下所示：

{

  "presets": [

    "env"

  ],

  "plugins": [

    "transform-runtime",

    "@babel/plugin-proposal-private-methods"

  ],

  "parserOpts": {

    "plugins": [

      "dynamicImport"

    ]

  }

}

现在应该可以了！！