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

原创于 2019-05-16 19:28:46 发布 · 置顶 · 8.9k 阅读

5 ·

CC 4.0 BY-SA版权

react 专栏收录该内容

49 篇文章

订阅专栏

本文解决了一个常见的编程问题：装饰器写法不被支持。通过使用bable转码和安装@babel/plugin-proposal-decorators插件，再进行特定的配置，可以成功在项目中使用装饰器。需要注意的是，直接在package.json中配置可能不起作用，需配合git add、git commit和npm run eject命令。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

报错原因

装饰器写法不被支持

解决办法

bable转码

npm install @babel/plugin-proposal-decorators

配置package.json

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

发现直接写在package.json中不管用，
需要先
git add .
接着
git commit -m 'init'
最后
npm run eject
之后再把

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

写在package.json中