在React项目中使用自定义装饰器

在React项目中写了一个装饰器,运行时报错,报错如下:

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

解决方案如下:

  1. npm install @babel/plugin-proposal-decorators
  2. 修改package.json babel属性如下

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

注意:执行npm run eject时,如果项目被git接管,则需要提示代码,不能有已变更而未提交的文件,否则不能操作成功,报错信息如下:

Remove untracked files, stash or commit any changes, and try again.

参考:
https://blog.csdn.net/Jane_96...
https://blog.csdn.net/qq_4183...

你可能感兴趣的:(javascript,前端,react.js)