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

最新推荐文章于 2023-04-11 22:24:15 发布

原创最新推荐文章于 2023-04-11 22:24:15 发布 · 1.6w 阅读

3 ·

CC 4.0 BY-SA版权

本文介绍了解决React项目中使用装饰器时遇到的错误'Supportfortheexperimentalsyntax'decorators-legacy'isn'tcurrentlyenabled'的方法。通过在package.json文件中配置Babel插件，启用对装饰器的支持。

react项目中自己写了一个装饰器，运行的时候发现报错

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

这是因为我们么有装支持装饰器的组件

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

然后 npm run eject

在package.json文件下找到bebel属性

增加下面配置

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

重启项目就OK了

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

麦乐乐

关注关注

5
点赞
踩
3

收藏

觉得还不错? 一键收藏
6
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

react启用mobx @decorators装饰器语法

阑珊伊人

07-10

823

react如果没有经过配置，直接使用decorators装饰器语法会报错：因为react默认是不支持装饰器语法，需要做一些配置来启用装饰器语法。

如何在不执行eject的情况下，在creact-react-app脚手架项目中启用less、装饰器语法，关于报错'decorators-legacy' isn't currently enabled

Ichinoseeki的博客

02-29

1177

太长不看的直接对照我写的demo项目的文档操作就行，文档最下面有介绍如何在其他项目中使用，手工修复的方法本文第三种方案有介绍。码云项目：demo-less-in-cra 说明文档个人写css样式更偏好less，奈何react脚手架默认只支持scss，如果直接引入less文件，不会看到任何样式效果（当然项目中提前安装好less和less-loader插件）。先说第一种方法，脚手架中的npm ...

6 条评论您还未登录，请先登录后发表或查看评论

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

some1204的博客

04-25

905

错误原因：create-react-app生成的项目配置默认不支持装饰器语法 1、方案一 eject：使用这个命令，create-react-app会生成所有配置文件。缺点：若create-react-app升级，生成的配置可能会和新版不兼容。则无法自动随create-react-app升级 2、方案二通过react-app-rewired动态修改，修改npm等脚本，让其从react-app-...

React脚手架中使用装饰器报Support for the experimental syntax ‘decorators-legacy‘ isn‘t currently enabled错误

你是我修复不了的bug，但我会用一生去维护

11-18

2074

Support for the experimental syntax ‘decorators-legacy’ isn’t currently enabled 错误我在使用装饰器语法对react-redux中connect()方法使用进行简化的时候发现，我们利用create-react-app脚手架搭建的react脚手架项目直接使用装饰器会报"Support for the experimental syntax ‘decorators-legacy’ isn’t currently enabled"的错

Support for the experimental syntax 'decorators-legacy' isn't currently enabled 异常解决

qq_33010161的博客

01-17

2852

问题描述：为React项目添加装饰器的时候“@”符号无法进行转议处理解决方案： 1. 执行git add . git add . 2.执行git commit -am "Save" git commit -am "Save" tips:执行这步作用就是把之前的默认配置全部暴露出来，从而可以修改webpack的配置 3.执行npm install --save-dev bab...

使用Mobx装饰器报错：Support for the experimental syntax ‘decorators‘ isn‘t currently enabled

wild__programmer的博客

04-11

794

使用Mobx装饰器报错：Support for the experimental syntax 'decorators' isn't currently enabled

react启动报错 Support for the experimental syntax 'decorators-legacy' isn't currently enabled:

最新发布

10-15

当在React项目中遇到“Support for the experimental syntax 'decorators-legacy' isn't currently enabled”这样的错误时，这表明你的代码中使用了装饰器（Decorators），这是一个ES7特性，在当前的Babel编译器设置...

Parsing error: This experimental syntax requires enabling one of the following parser plugin(s): "decorators", "decorators-legacy

07-29

引用\[1\]:报错：Parsing error: This experimental syntax requires enabling one of the following parser plugin(s): "decorators-legacy", "decorators". 引用\[2\]:在学习mobx时，遇到了“This experimental ...

This experimental syntax requires enabling one of the following parser plugin(s): "decorators", "decorators-legacy

07-29

引用\[1\]、\[2\]和\[3\]是关于解决报错"This experimental syntax requires enabling one of the following parser plugin(s): 'decorators', 'decorators-legacy'"的方法。这个报错通常是由于使用了实验性的语法...

Support for the experimental syntax 'decorators-legacy' isn't currently enabled，装饰器语法报错

懒洋洋

03-31

2662

react 项目引入mobx之后，用到了装饰器这个语法，但是项目没有识别出来，运行项目报错，报错截图如下： Support for the experimental syntax 'decorators-legacy' isn't currently enabled (8:1): 解决办法：在项目的package.json文件中添加这么一段代码：允许使用装饰器 "plugins":...

报错记录 | Support for the experimental syntax 'decorators-legacy' isn't currently enabled

虎鲸虎鲸

11-03

574

报错记录 SyntaxError: E:******\mobxtest\src\store\index.js: Support for the experimental syntax 'decorators-legacy' isn't currently enabled (4:3): 2 | 3 | class AppStore { > 4 | @observable time...

使用react时遇到Support for the experimental syntax ‘decorators-legacy‘ isn‘t currently enabled的解决方案

VCanna的博客

08-23

1610

问题: SyntaxError: E:\content.js: Support for the experimental syntax 'decorators-legacy' isn't currently enabled 解决方案：安装相应的包 npm add customize-cra react-app-rewired @babel/plugin-proposal-decorators --dev 在项目的根目录下创建config-overrides.js文件，并对应加入以下内容 con

Support for the experimental syntax ‘decorators‘ isn‘t currently enabled

qq_45519787的博客

02-03

513

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

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

mazaiting的博客

09-29

438

异常 Support for the experimental syntax 'decorators-legacy' isn't currently enabled (17:1): 异常.png 解决方法 npm install @babel/plugin-proposal-decorators 在.babelrc文件中添加 { "plugins": [ ...

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

qq_43796489的博客

09-09

586

问题：使用mobx中的装饰器(@observable)报错解决方案： 1.安装babel-plugin-transform-decorators-legacy yarn add babel-plugin-transform-decorators-legacy 或 npm install babel-plugin-transform-decorators-legacy 2.修改配置文件，在package.json babel中加入以下代码 "plugins": [ ["@babel/p

mobx装饰器报错Support for the experimental syntax &#39decorators-legacy&#39 isn&#39t currently enabled

weixin_42280395的博客

06-15

621

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

Support for the experimental syntax 'decorators-legacy' isn't currently enabled (3:5):

技术成长ing

07-01

2436

React 导入 mobx 运行项目时出现了错误，符号" @ "无法转译上网查了些解决办法，主要分为以下几步： 1.git add . 2.git commit -am "Save" 3.npm run eject （必须要先执行上面两步，不然会报错。执行这步作用就是把之前的默认配置全部暴露出来，因此可以自定义修改webpack的配置） 4.npm inst...

关于报错Support for the experimental syntax ‘decorators-legacy‘ isn‘t currently enabled

reg183的专栏

07-03

1162

报错原因装饰器写法不被支持解决办法 bable转码 npm install @babel/plugin-proposal-decorators 配置package.json "babel": { "plugins": [ [ "@babel/plugin-proposal-decorators", { "legacy": true } ] ], "presets": [ "