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

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"；文件，然后单击"创建"。(你可能需要制作一个沙盒Github Repo(

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

5. 向下滚动直到找到"；依赖关系"；窗口

6. 转到搜索栏，将其复制并通过@babel/plugin-plugin-private-methods

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

8. 现在向上滚动并找到"；。babelrc"；文件并点击它

9. 现在你应该看到一个JSON文件打开，向下滚动直到你看到这个：

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

10. 现在复制此：

"plugins": [
"transform-runtime",
"@babel/plugin-proposal-private-methods"
],

并在插件阵列的顶部越过它。文件现在应该是这样的：

{
"presets": [
"env"
],
"plugins": [
"transform-runtime",
"@babel/plugin-proposal-private-methods"
],
"parserOpts": {
"plugins": [
"dynamicImport"
]
}
}

现在它应该工作了！！