Using the export keyword between a decorator and a class is not allowed(腳手架修飾器的問題)

當你修飾器函數這樣寫的時候

@connect('aaa')
export default class AppView extends React.Component{
    render(){
       //....
    }
  }

出現的問題為:

Parsing error: Using the export keyword between a decorator and a class is not allowed. Please use `export @dec class` instead.

解決方案:
安裝依賴:

npm install --save-dev @babel/plugin-proposal-decorators
npm install --save-dev babel-plugin-transform-decorators-legacy

修改jsx文件

@connect('aaa')
 class AppView extends React.Component{
    render(){
       //....
    }
  }
export default AppView 

更改package.json文件中的babel配置

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

再次運行你的項目,就發(fā)現解決了剛才的問題

?著作權歸作者所有,轉載或內容合作請聯系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容