![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Create-react-app
Create-react-app
I-T枭
这个作者很懒,什么都没留下…
展开
-
creat-react-app安装node-sass常出错
安装 node-sass 的正确姿势 安装node-sass的时候总是会各种不成功,今天我琢磨了一会儿总算知道要怎么解决了。 首先要知道的是,安装node-sass时在node scripts/install阶段会从 github.com 上下载一个 .node 文件,大部分安装不成功的原因都源自这里,因为 GitHub Releases 里的文件都托管在 s3.amazonaws...原创 2020-04-24 10:48:53 · 613 阅读 · 0 评论 -
create-react-app build 打包隐藏源码
在使用create-react-app时,打包生产环境npm run build,浏览器打开后仍然是可以看到源码的。 在这里以新建一个默认项目为例: App.js 解决办法一: 项目根目录新建.env文件,内容如下: GENERATE_SOURCEMAP=false package.json: "scripts": { "start": "dotenv -...原创 2020-01-14 15:33:40 · 2344 阅读 · 1 评论 -
react遍历Route处理
遍历Route引发的React Route路由失效问题探究 route.js import Account from '../component/auth/admin/list'; import Role from '../component/auth/role/list'; import Estatebill from '../component/bill/estate/index'; i...原创 2020-01-02 18:18:39 · 1708 阅读 · 0 评论 -
React 项目生产版本迭代页面不刷新问题
React 页面缓存 react 打包项目进行服务端部署后,会发现index.html被浏览器缓存,访问项目url指向的还是上个版本的内容。原理是index.html被缓存后,路由指向和跳转都是旧版的js和css文件,所以会出现react项目更新后,刷新浏览器显示旧版本内容的现象。可以通过强制清除缓存看到新版本页面,但是在发布版本的时候不能要求每个用户去操作清除浏览器的缓存,所以需要在程序中找到...原创 2020-01-02 15:04:34 · 1990 阅读 · 0 评论 -
三分钟教你搞定 React 项目多环境配置
在实际项目开发中,前端 er 常常会面对多个环境的接口:开发环境、测试环境、生产环境,所以项目中网络请求的baseUrl也需要跟随这些环境来变化。 但是,我们一般会使用像create-react-app或者umi这样的脚手架来做项目的初始化,这些脚手架将webpack的配置黑盒化了,如何在不执行eject操作的前提下优雅地配置多个项目环境呢? 在项目中最好不要一遇到问题就一键执行...转载 2019-12-27 15:42:38 · 3514 阅读 · 0 评论 -
create-react-app脚手架 - 跨域、反向代理
在做前后端分离的项目的时候,调用接口我们都会遇到跨域的问题。解决跨域问题可以后台设置cros(跨域资源共享),如果前端解决的话可以使用代理,接下来一起来看一下create-react-app脚手架下如果配置 一、只代理一个 在package.json文件中增加如下配置: "proxy": "http://www.wyunfei.com" // 配置你要请求的服务器地址 结果...转载 2019-12-09 10:00:54 · 481 阅读 · 0 评论 -
create-react-app本地配置域名启动
修改hosts 路径:C:\Windows\System32\drivers\etc 127.0.0.1 wojia1.ehouse2.com 在webpack中加入域名 // always allow localhost host, for convience // if (hostname === 'localhost') return true; if(hostn...原创 2019-12-09 09:35:00 · 1444 阅读 · 0 评论 -
React项目如何打包发布及遇到的坑
使用React开发有一段时间了,下面我就把自己一些心得体会分享给大家。我使用的是create-react-app脚手架生成的项目,这个脚手架一键生成react项目,非常方便,先简单记录一下这个新建项目的过程。 一、打包 在项目路径下,敲npm run buil,就出现了build文件夹,同时终端显示这些文字: 大致意思是:已经编译好啦。build生成的这些东西要放在服务器root下,可以在p...转载 2019-11-18 17:27:43 · 791 阅读 · 0 评论 -
什么时候create-react-app会混淆或缩小代码?
React在构建期间缩小代码并生成源映射。JS最终被认为是缩小产品的副产品,而不是因为保密。这样,最终用户能够比不缩小脚本更快地加载脚本,并且当您(或他们)打开开发人员工具时,您(以及其他所有人)可以浏览原始代码。 如果您build/static/js在构建后查看目录,则有成对.js和.map文件。JS文件随您的网站一起加载,并且.map在打开Developer Tools时按需加载文件。...原创 2019-11-04 17:39:43 · 2552 阅读 · 0 评论 -
redux react-redux 示例的快速上手体验
1.redux 要知道redux和react并没有半毛钱的关系,redux甚至可以和jq一起用。 react-redux才是react的用于便捷操作redux的第三方插件。所以呢,学习react-redux之前我们要比较熟悉的了解redux的思想。本文比较直接,不来虚的,直接上代码: 首先就很熟悉了 1 使用官方脚手架 create-react-app redux-demo 2 环境搭建...原创 2019-10-25 11:52:33 · 156 阅读 · 0 评论 -
create-react-app使用react-redux报错
Failed to compile. ./node_modules/react-redux/es/connect/mapDispatchToProps.js Module not found: Can’t resolve ‘redux’ in ‘C:UserssourcereposFrontEndSrcfrontendnode_modulesreact-reduxesconnect’ 当我在c...原创 2019-10-25 10:17:14 · 971 阅读 · 3 评论 -
使用npx(creact-react-app) 构建项目后-npm start启动报错
使用create-react-app创建的React项目时,有时在安装完其他组件后,再次运行 npm start 命令时会报以上错误,让我很郁闷,不过在上网搜了这个错后原来: 是create-react-app有丢包的缺陷,手动安装包后,需要重新npm install一下,这样node_modules/.bin/目录下才会重新出现react-scripts的文件,这样npm start命令才...原创 2019-10-24 14:27:51 · 1982 阅读 · 0 评论 -
create-react-app使用sass,scss语法
使用create-react-app(新版)安装完项目之后。 1.执行npm install sass-loader node-sass --save-dev安装sass这两个相关的插件。 2.写一个scss文件 .userStTitle{ background: red; p{ font-size: 12px; span{ ...原创 2019-10-23 18:18:56 · 6457 阅读 · 0 评论 -
blucesun 解决npm报错:Module build failed: TypeError: this.getResolve is not a function
blucesun 解决npm报错:Module build failed: TypeError: this.getResolve is not a function 1、sass-loader的版本过高导致的编译错误,当前最高版本是8.x,需要退回到7.3.1 运行: npm uninstall sass-loader(卸载当前版本) npm install sass...转载 2019-10-23 17:54:45 · 190 阅读 · 0 评论 -
yarn create react-app my-app(mac)不成功
当我用yarn安装项目时,报错如下: 参考:https://www.jianshu.com/p/5cb4f48ed11b 另,请参考:http://quabr.com/53025664/error-eslint5-6-0-the-engine-node-is-incompatible-with-this-module-when-try 设置yarn如下: yarn config set...原创 2019-09-30 15:28:01 · 1380 阅读 · 0 评论