在Codesandbox中,为什么不能创建私有类字段?(Javascript) 问题:

在Codesandbox中,为什么不能创建私有类字段?(Javascript) 问题:,javascript,syntax-error,codesandbox,Javascript,Syntax Error,Codesandbox,出于某种原因,每次我尝试在Codesndbox中创建一个私有类字段时,它都会显示以下内容: SyntaxError:/Binary.js:意外字符“#”(7:2) 语法错误 /Binary.js:意外字符“#”(7:2) 怎么了 额外数据 浏览器:Chrome我想出来了 答复 步骤1:打开你的沙箱 第2步:单击设置图标,而不是屏幕左侧 步骤3:向下滚动直到找到“.babelrc”文件,然后单击创建。(你可能需要做一个决定) 步骤4:现在关闭文件并单击页面图标返回文件浏览(设置图标上方) 步骤5:

出于某种原因,每次我尝试在Codesndbox中创建一个私有类字段时,它都会显示以下内容:

SyntaxError:/Binary.js:意外字符“#”(7:2)

语法错误 /Binary.js:意外字符“#”(7:2)

怎么了

额外数据 浏览器:Chrome

我想出来了

答复 步骤1:打开你的沙箱

第2步:单击设置图标,而不是屏幕左侧

步骤3:向下滚动直到找到“.babelrc”文件,然后单击创建。(你可能需要做一个决定)

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

步骤5:向下滚动直到找到“依赖项”窗口

第6步:转到搜索栏,将其复制并传递到搜索栏@babel/plugin proposition 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"
    ]
  }
}
现在它应该可以工作了

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