create-react-app 构建的项目使用 mobx

在 create-react-app 命令行构建的 React 项目中使用 Mobx 会出现如下警告:

Support for the experimental syntax ‘decorators-legacy‘ isn‘t currently enabled (9:5):

需要启用 ESNext 的装饰器 (命令行中执行 mac 端)

  1. 先 git add .
  2. git commit -am "Save before ejecting" (然后(注意这里是 am)
  3. npm run eject
  4. 在 package.json 里 babel 添加
 "babel": {
    "presets": [
      "react-app"
    ],
    "plugins": [
      "transform-decorators-legacy"
    ]
  • npm install --save-dev babel-plugin-transform-decorators-legacy (安装该模块中间可能有告警自行消除即可)

按照以上步骤就可以开心的使用 Mobx

原文地址:https://www.cnblogs.com/zhourongcode/p/9875286.html

时间: 2024-11-10 14:53:03

create-react-app 构建的项目使用 mobx的相关文章

React漫漫学习路之 利用Create React App命令创建一个React应用

所谓万事开头难,本文旨在为初探React的同学,建立第一个最基本的react应用. Create React App是Facebook官方的一个快速构建新的 React 单页面应用的脚手架工具,它可以帮你配置开发环境,以便你可以使用最新的 JavaScript 特性,还能提供很棒的开发体验,并为生产环境优化你的应用.(如果你使用过vue-cli构建vue应用,那么此处可类比) 话不多说,直接开始. 安装 全局安装create-react-app npm install -g create-rea

[React] {svg, css module, sass} support in Create React App 2.0

create-react-app version 2.0 added a lot of new features. One of the new features is added the svgr webpack loader to wrap SVGs in React components as a named export. This let’s you either grab the filename from the default export or grab a wrapped S

create react app遇到的问题

我现在想的是吧 static 资源和动态 api 来分开处理, static 资源开启 nginx 服务器,api 请求由 express 完成, 现在的问题是开发的时候 proxy 设定将所有的请求都代理到了 express 的端口,甚至于 <a></a> 元素的链接也被代理到 express 的端口了,在这个页面根本获取不到 nginx 提供的资源.

TypeScript + React + Redux 实战简单天气APP全套完整项目

目录: 下载链接:百度网盘 从面向过程的js到面向对象的js,让web前端更加高大尚.让你的前端步步日上,紧跟技术发展的前沿.让你构建更加复杂的应用,不只是web,App照样搞定.跟后台开发人员一较高下.巅峰对决. 适用人群:js前端工程师,web前端设计师,typescript技术人员 课程简介: TypeScript是一种由微软开发的自由和开源的编程语言.它是JavaScript的一个超集,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程.安德斯·海尔斯伯格,C#的首席架构师,

React Native电商项目实战混合APP开发 React Native实战 混合APP实战开发

React Native  和 angular+ionic 是目前网络上最火的混合APP开发语言,其功能强大能够开发出安卓和IOS程序! ------------------课程目录------------------ <React Native电商项目实战>├<01React Native初体验>│  ├01-React Native简介.mp4│  ├02-React Native环境搭建.mp4│  ├03-React Native初体验及其它环境搭建.mp4│  └04-R

Maven学习总结二:使用myEclipse和命令行构建Maven项目

一:使用myEclipse构建一个Maven项目 1.选择菜单 File -> new -> Other 2.选择Maven Project 3.默认选择.直接下一步 4.在Filter里面输入webapp进行过滤,然后选择maven-archetype-webapp,然后next 5.输入Group Id 和 Artifact Id.  Group Id 是组织标识.包名,Artifact Id是项目名称 Version是版本,选择默认值, Package 是项目名加包名 com.mycom

node快速构建express项目

1.首先,到node官网,下载node安装.我的电脑是windows系统,所以下载的是windows版本的,下载完成之后,一路下一步安装就可以了.node中文网:http://nodejs.cn:node官网:https://nodejs.org/en/: 2.node安装完成之后,会自动安装npm包管理器.打开CMD,(windows系统,点击开始-->运行-->输入cmd回车):输入命令 node -v 如果输出信息,表示node安装成功;接着输入 npm -v 如果输出信息,表示npm安

Android 优化APP 构建速度的17条建议

较长的构建时间将会减缓项目的开发进度,特别是对于大型的项目,app的构建时间长则十几分钟,短则几分钟,长的构建时间已经成了开发瓶颈,本篇文章根据Google官方文档,加上自己的一些理解提供一些提升app构建速度的优化建议. 1,为开发环境创建一个变体 有许多配置是你在准备app的release 版本的时候需要,但是当你开发app的时候是不需要的,开启不必要的构建进程会使你的增量构建或者clean构建变得很慢,因此需要构建一个只保留开发时需要配置的变体,如下例子创建了一个dev和prod变体(pr

构建maven项目3

1.1.创建Jave Project 1.使用mvn archetype:generate命令,如下所示: mvn archetype:generate -DgroupId=com.mycompany.app -DartifactId=myapp -DarchetypeArtifactId=maven-archetype-quickstart -DinteractiveMode=false 2.使用mvn archetype:create命令,如下所示: mvn archetype:create