Reactjs 装饰问题：实验语法'；装饰者遗产'；isn'；t当前已启用

我是盖茨比的初学者。 我有一个由“hello word”初学者生成的非常简单的站点。 我添加了gatsby插件sass和bootstrap。 在我的index.js中，当我写 @导入“~bootstrap/scss/bootstrap.scss”

我得到 /src/pages/index.js：当前未启用对实验语法“decorators legacy”的支持（4:1）

---

怎么了？

您应该启用

提案装饰程序。要在盖茨比中实现这一点，首先，您必须安装Babel插件：

npm install --save-dev @babel/plugin-proposal-decorators

注意：如果使用纱线，则更改为
纱线添加@babel/plugin提案装饰者

然后，在项目根目录中添加一个
.babelrc
，并添加以下行：

{
    "presets": ["@babel/preset-env"],
    "plugins": [
        ["@babel/plugin-proposal-decorators", { "legacy": true }],
    ]
}

如果您已经在使用自定义Babel配置，则只需在插件部分添加
[“@Babel/plugin建议装饰器”，{“legacy”：true}]
。
您应该启用
建议装饰器。要在盖茨比中实现这一点，首先，您必须安装Babel插件：

npm install --save-dev @babel/plugin-proposal-decorators

注意：如果使用纱线，则更改为
纱线添加@babel/plugin提案装饰者

然后，在项目根目录中添加一个
.babelrc
，并添加以下行：

{
    "presets": ["@babel/preset-env"],
    "plugins": [
        ["@babel/plugin-proposal-decorators", { "legacy": true }],
    ]
}

如果您已经在使用自定义的Babel配置，您只需要在插件部分添加
[“@Babel/plugin proposition decorators”，{“legacy”：true}]
。
您使用的是TypeScript启动器吗？不，最简单的gatsby启动器hello World您使用的是TypeScript启动器吗？不，最简单的gatsby启动器hello World谢谢，但是。。。现在命令“gatsby develop”以这种方式失败：pages/index.js:import只能在import（）或import.meta（4:1）中使用，第4行是：@import“~bootstrap/scss/bootstrap.scss”；JavaScript中的导入不允许
@
。如果您正在导入一个简单的
.scss
文件，您的导入应该类似于
导入'boostrap/scss/boostrap.scss'
谢谢，但是。。。现在命令“gatsby develop”以这种方式失败：pages/index.js:import只能在import（）或import.meta（4:1）中使用，第4行是：@import“~bootstrap/scss/bootstrap.scss”；JavaScript中的导入不允许
@
。如果您正在导入一个简单的
.scss
文件，那么您的导入应该类似于
import'boostrap/scss/boostrap.scss'