react.js - create-react-app + mobx其中@observer装饰器报错

问题描述

问 题

用官方脚手架搭建项目，用到mobx里面的 装饰器会报错，工具是webstorm，怎么处理？

我在网上找的是要npm i --save-dev babel-plugin-transform-decorators-legacy
需要编辑.babelrc 文件但是默认是找不到的，需要运行 eject，我运行eject命令之后，项目就彻底报错启动不起来了，貌似提示要更新什么，但是不成功。想问问有什么其他的解决办法吗

解决方案

在create-react-app中使用装饰器

create-react-app ExampleApp
npm run eject

//非react
npm install --save-dev babel-plugin-transform-decorators-legacy

//针对react
npm install babel-preset-stage-2 --save-dev
npm install babel-preset-react-native-stage-0 --save-dev
npm install --save mobx mobx-react

根目录下创建.babelrc

// react
{
  "presets": ["react-native-stage-0/decorator-support"]
}

// 非react
{
  "presets": [
    "es2015",
    "stage-1"
  ],
  "plugins": ["transform-decorators-legacy"]
}

这篇关于react.js - create-react-app + mobx其中@observer装饰器报错的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！