Support for the experimental syntax 'decorators-legacy' isn't currently enabled

阳光穿透心脏的1/2处 2023-06-26 08:29 20阅读 0赞

如题，出现这个错误，是因为react项目中使用了@语法的装饰器，而我们项目的一些配置没有设置正确导致的。为了使用装饰器，需要修改如下三处配置：

1、运行依赖

npm install @babel/plugin-proposal-decorators customize-cra react-app-rewired --save-dev

如果你直接在package.json里面配置，可以类似如下（只需要修改对应版本号，推荐使用npm install xxx --save-dev直接安装）：

"devDependencies": \{

"@babel/plugin-proposal-decorators": "^7.7.4",

"customize-cra": "^0.9.1",

"react-app-rewired": "^2.1.5"

\}

然后运行npm install即可。

2、config-overrides.js，该文件在package.json同级目录下。

const \{override,addBabelPlugins\} = require('customize-cra')  
    module.exports = override(  
        addBabelPlugins(  
            \[  
                "@babel/plugin-proposal-decorators",  
                \{  
                    "legacy": true  
                \}  
            \]  
        )  
    )

这部分也可以修改为如下的代码：

const \{override,addDecoratorsLegacy\}  = require("customize-cra");  
    module.exports = override(  
          addDecoratorsLegacy()  
    )

3、start启动脚本命令需要更改，这里需要使用第一步安装的react-app-rewired来启动。

"scripts":\{

"start":"react-app-rewired start"

\}

重新运行npm start启动项目就不会报错了。

发表评论取消回复

表情：

评论列表（有 0 条评论，20人围观）

还没有评论，来说两句吧...

相关阅读

相关 Support for the experimental syntax 'decorators-legacy' isn't currently enabled

如题，出现这个错误，是因为react项目中使用了@语法的装饰器，而我们项目的一些配置没有设置正确导致的。为了使用装饰器，需要修改如下三处配置： 1、运行依赖

阳光穿透心脏的1/2处/ 2023年06月26日 08:29/ 0 赞/ 21 阅读

相关 The entity type XXX is not part of the model for the current context.

今天遇到了一个奇葩问题，虽然解决了，但还是一脸懵，先附赠一下别人的解决方案：[https://www.cnblogs.com/zwjaaron/archive/2012/0

逃离我推掉我的手/ 2023年06月04日 11:57/ 0 赞/ 82 阅读

相关 Support for the experimental syntax ‘classProperties‘ isn‘t currently enabled

文章目录 Intro 解决 Intro 在React项目中自定义组件(class方式)，然后在组件中写了一个方法： handl

客官°小女子只卖身不卖艺/ 2023年01月01日 08:52/ 0 赞/ 140 阅读

相关 Support for the experimental syntax ‘classProperties‘ isn‘t currently enabled

环境 React 16.13 出错信息： ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_tex

╰半橙微兮°/ 2022年12月06日 12:42/ 0 赞/ 146 阅读

相关 uniapp/vue报错： VUE Support for the experimental syntax ‘classProperties‘ isn‘t currently en

报错内容： VUE Support for the experimental syntax 'classProperties' isn't currently en\\\\A

阳光穿透心脏的1/2处/ 2022年10月27日 13:56/ 0 赞/ 62 阅读

相关 pycharm Enable Django Support 设置

在配置`Djange Tests`时，需要设置`Enable Django Support`，设置相关内容如下： Django project root：选择包含`m

素颜马尾好姑娘i/ 2022年06月08日 02:44/ 0 赞/ 235 阅读

相关 The query includes syntax that is not supported by the Infobright Optimizer

infobright 中执行select ，报错错误信息如下： ERROR 5 (HY000) at line 2: The query includes syntax

小咪咪/ 2022年02月04日 05:51/ 0 赞/ 321 阅读

相关 Support for the experimental syntax 'decorators-legacy' isn't currently enabled

我是遇到了这个问题，是因为mobx装饰器的问题，然后找到了彻底解决的办法，请参考链接：[https://cloud.tencent.com/developer/ask/1938

矫情吗；*/ 2021年12月18日 18:45/ 0 赞/ 143 阅读

相关 "The entity type XXModel is not part of the model for the current context."

碰见这个错误是由于在Entity Framework中访问数据中不存在的实体模型：解决方法配置映射关系： public class CompanyMap : En

川长思鸟来/ 2021年07月26日 19:12/ 0 赞/ 672 阅读

相关 Access control is not enabled for the database

今天使用MongoDB时遇到了一些问题建立数据库连接时出现了warnings 出现这个警告的原因是新版本的MongDB为了让我们创建一个安全的数据库必须要进行验...

灰太狼/ 2021年04月23日 15:40/ 0 赞/ 588 阅读