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

Question

问题

由于某些原因，每次我尝试在Codesndbox中创建一个私有类字段时，都会显示如下：

`SyntaxError: /Binary.js: Unexpected character '#' (7:2)`

### SyntaxError ###
**/Binary.js: Unexpected character '#' (7:2)**

>#privateMethod() {...
 ^

My MWE在代码框上： https://codesandbox.io/s/question-private-fields-vxw1j?file=/package.json

怎么了！

额外数据

浏览器：浏览器

Answer 1

我想出来了！

回答

1. 打开你的沙箱
2. 单击设置图标，而不是屏幕左侧。
3. 向下滚动直到找到".babelrc“文件并单击Create。(您可能需要制作一个沙箱-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"
    ]
  }
}

现在应该管用了！！