create-react-app 中配置装饰器

暴露create-react-app配置

运行命令:

npm run eject

如果有错误,可能是你的git没有提交,需要运行:

git add .
git commit -m 'xxxx'

然后安装装饰器的babel插件

npm i @babel/plugin-proposal-decorators -D

然后再package.json中找到babel选项添加如下配置:

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

之后运行就不会出错了

注意:在vscode中写装饰器例如@xxx时,类名可能会出现红线提醒
解决方案:
文件-> 首选项 -> 搜索 ExperimentalDecorators

打钩即可!!!

posted @   前端小白狐  阅读(163)  评论(0编辑  收藏  举报
点击右上角即可分享
微信分享提示