本人开始进入react神坑啦 ,今天在自己构建react脚手架的时候 碰到了一个坑,花了一个小时才搞明白,下面介绍一下吧 首先,按照官方教程开始搭建 1、npx creat-react-app my-app 2、npm init react-app my-app 3、npm start 看上去没有问题的步骤,这个时候就报错了

OK,这是因为webpack已经被脚手架封装好了,不会暴露在外面,我们想自己配置就需要手动暴露一下, 使用命令npm run eject 你以为这个时候就大功告成了?❎,还有别的坑 还会报一个这样的错误(没截上图就过去了,这个是我在网上寻找解决办法的时候碰到的) Cannot find module '@babel/plugin-transform-react-jsx-source' 这个时候需要操作命令

1.cd your project path (ignore)

2.rm -rf node_modules

3.npm install (don't use yarn )

npm run start success

这样就大功告成啦!!! 其实在遇到这个Bug之前还有一个Bug , Error: ENOENT: no such file or directory, open '/Users/yuanhaijing/package.json' 这个我初步估计为是因为不是在全局安装的脚手架 ,因为我没有在admin用户上。

转载于:https://juejin.im/post/5c4ac72d6fb9a049b2223ecb

react 刨坑之路之使用create-react-app脚手架相关推荐

  1. React爬坑之路二:Router+Redux

    上一篇写了Antd和Axios的基本操作 之前大标题到五了那么这篇从六开始 ST也是初学小白可能讲的完全不对 大家当做小说随便读读消遣一下就好 React官网:https://reactjs.org/ ...

  2. React爬坑之路三:Dva

    前两篇写了react各种基本操作和主要概念 但其实没必要那么复杂直接用框架就好啦 这年头前端框架真是一睁眼就多出好几个 傻瓜级教程写的不合理的地方请批评指正 React官网:https://react ...

  3. mysql 有always on么,mysql 关于时间类型的刨坑之路

    前两天有做一个基于binglog的数据库实时同步,一张老数据表里有DATETIME.TIMESTAMP不同的时间字段类型,看起来值都是一样的,并且默认值都设置的 0000-00-00 00:00:00 ...

  4. DJANGO VUE3 跨域CSRF问题刨坑

    文章目录 前言 1.跨域问题 第一步,安装cors的扩展包 第二步,导入应用 第三步,插入中间件 第四步,允许发送cookie 第五步,设置白名单: 第六步,设置允许的请求方法 第七步,设置允许的其请 ...

  5. antd + react model自定义footer_使用ESLint+Prettier规范React+Typescript项目

    项目开发过程中,大多数时候我们使用别人搭建好的脚手架编写代码,是项目的参与者.对于一些细节往往被忽略了.其中代码检测本身是一类非常简单的配置,但涉及不同框架和语言组合使用的时候,可能比想象中要困难,本 ...

  6. Create React App proxy配置

    最近又吃了没文化的亏(哭晕在洗手间≧ ﹏ ≦) 做后台管理系统的时候,需要调一个易连云打印小票的接口, 项目框架是 Create React App+typescript,后端是node.js 本媛负 ...

  7. 深入浅出 Create React App

    本文差点难产而死.因为总结的过程中,多次怀疑本文是对官方文档的直接翻译和简单诺列:同时官方文档很全面,全范围的介绍无疑加深了写作的心智负担.但在最终的梳理中,发现走出了一条与众不同的路,于是坚持分享出 ...

  8. 记一次 react 15.3.1 老项目升级到 react 16.7.0 之路

    互相交流学习,请加我微信: iyangyuanjian,QQ:624508914 1.前言 该项目是公司内部服务与外部服务的中台系统,我称之为大杂烩 项目始于:2015年10月8号 18:31:39秒 ...

  9. 在 .NET Core 5 中集成 Create React app

    翻译自 Camilo Reyes 2021年2月22日的文章 <Integrate Create React app with .NET Core 5> [1] 本文演示了如何将 Crea ...

  10. jmeter 3版本到5版本踩坑之路

    jmeter 3-5版本升级踩坑路 新版本下载安装 踩坑之路 新版本下载安装 下载新版本软件 ,链接: https://jmeter.apache.org/download_jmeter.cgi: 配 ...

最新文章

  1. Js打印表格时部分边框不显示(table 标签)
  2. Windows上打开大文件的工具
  3. G1 GC 日志格式
  4. 开源组件是什么意思_一文读懂常用开源许可证
  5. mysql c接口内存泄漏_MySQL C ++连接器内存泄漏
  6. centos7.x设置nginx开机自启动
  7. 木兰许可证专业解读及首批采用“木兰”开源项目列表
  8. 中国好声音不如有中国好创意
  9. 如何在ROS环境中解码.bag格式数据
  10. QTcpSocket
  11. excel软件做折线图
  12. 【未解决】蓝牙键盘,蓝牙鼠标,蓝牙音箱的冲突问题
  13. python opencv 图片缺陷检测!
  14. 荣耀6plus android6.0,旧瓶装新酒,大妈助我把级升 — 荣耀6Plus升级安卓6.0体验分享...
  15. Android 人脸识别了解一下 (上)
  16. ContentProvider简单浅析
  17. 布袋除尘器过滤风速多少_布袋除尘器的过滤风速一般取多少
  18. linux学习笔记-- linux的 shell和linux C 程序 获取命令行参数和环境变量
  19. 和校验及异或校验C代码
  20. SAP各模块字段与表的对应关系

热门文章

  1. 2018前端面试题总结
  2. Ubuntu 网速显示,ssh配置
  3. 实验五 编写、调试具有多个段的程序
  4. android中webview的实现
  5. 百度地图之添加控件——比例尺、缩略图、平移缩放
  6. C++虚基类详解(转)
  7. 图片自适应div比例缩放上下左右居中
  8. 【玩转win7之简单几步为闪存盘加密】
  9. C语言 SDK编程之通用控件的使用--ListView
  10. 阿里面试题,深入理解Java类加载机制