装饰器问题：当前未启用实验性语法 'decorators-legacy'

Question

我是一个非常 gatsbyjs 的初学者。 我有一个从“hello word”启动器生成的非常简单的站点。 我添加了 gatsby-plugin-sass 和 bootstrap。 当我写的时候在我的 index.js 中 @import "~bootstrap/scss/bootstrap.scss";

我得到 /src/pages/index.js：目前未启用对实验性语法“decorators-legacy”的支持 (4:1)

怎么了？

Answer 1

您应该启用proposal-decorators。要在 Gatsby 中实现这一点，首先，你必须安装 Babel 插件：

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

注意：如果使用 Yarn，请更改为 yarn add @babel/plugin-proposal-decorators。

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

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

如果您已经在使用自定义 Babel 配置，您只需在插件部分添加 ["@babel/plugin-proposal-decorators", { "legacy": true }]。