在create-react-app上运行构建后的空白页
尝试在netlify上部署create-react-app，但是我的构建是空白页。我正在使用.env文件加载firebase api密钥，这是构建问题吗？即使当我尝试在计算机的本地空白页上打开它时，它也会在控制台中输出错误：“源“ file：///event-app/static/js/main.108757a0.js的源加载失败””package.json：https://gist.github.com/Verthon/f82371ad2b...
2024-01-10
Create-react-app脚手架工程目录简介
1、README.md是一些简单的项目介绍，自己也可以将内容去修改2、pack-lock.json为项目安装包版本号3、package.json：任何一个脚手架工具里面都有这个文件，代表这个脚手架是node的一个包文件，有项目的一些简单介绍，一些react的依赖和指令4、gitignore文件 为一些不想上传到git的文件5、node_modules 为项目依...
2024-01-10
create-react-app竟然用cnpm才安装成功
今天用create-react-app初始化一个react的项目，竟然提示说没有模板，可能因为create-react-app版本太老了，于是重装create-react-app,没想到竟然直接是npm安装竟然提示说没权限，用cnpm竟然一下子就安装好了，不知道是怎么回事？...
2024-01-10
让create-react-app支持sass，less
用create-react-app 创建的项目不支持sass和less，需要手动配置npm install node-sass sass-loader --save然后在config/webpack.config.js中添加以下代码，红色框的是新添加的代码：项目是采用create-react-app 搭建的脚手架工程如何应用CSS Module 1.在命令行运行 npm run eject 命令2.运行完成之后，打开 config 目录下的 webpack.config...
2024-01-10如何通过create-react-app提供SSL证书？
我正在尝试托管一个我使用Facebook样板在本地创建和测试的React应用。客户端应用程序与我使用node.js制作的API进行了交互，并且使用该API可以毫无问题地建立安全连接（通过node.js客户端发送我的SSL证书进行测试）。但是，在使用react发送我的SSL证书而不是自签名证书时，我遇到了困难，这导致我使用chr...
2024-01-10
关于react-create-app 打包后路径报错问题
使用create-app 默认打包的时候静态文件采用的是绝对路径，指向项目的根目录，但是我们的项目往往不是放在服务器的根目录下，这个时候可能会报错，这时候只需要在packge.json 中添加 "homepage": "." 即可，会用相对路径去打包转载于:https://blog.51cto.com/13496570/2403405...
2024-01-10
react 基础篇 #2 create-react-app
1. 介绍在开发react应用时，应该没有人用传统的方法引入react的源文件(js)，然后在html编辑吧。大家都是用webpack + es6来结合react开发前端应用。这个时候，我们可以手动使用npm来安装各种插件，来从头到尾自己搭建环境。比如：npm install react react-dom --savenpm install babel babel-loader babel-core babel-preset-es2015 ...
2024-01-10
create-react-app下的@修饰器正确的使用方式记录
在create-react-app下使用es7的@修饰器会报错''Support for the experimental syntax 'decorators-legacy' isn't currently enable"原文地址https://www.jianshu.com/p/b841aee4745f需要做以下几步,首先正确安装babel"devDependencies": { "@babel/core": "^7.1.6", "@babel/plugin-proposal-class-p...
2024-01-10
create-react-app与babel-polyfill
create-react-app 与babel-polyfill2019-5-17由于目前某些框架或者组件使用了比较新的特性，这些特性目前是不支持的，所以这个时候我们需要给这个特性去转成目前浏览器能够理解的，需要使用到各种polyfill ，目前使用的比较多的就是babel-polyfill，但是我们可以发现在create-react-app 中，我们如同vue一般，在入...
2024-01-10如何指定运行基于create-react-app的项目的端口？
我的项目基于create-react-app。npm start或yarn start默认情况下，将在 上运行该应用程序，并且在package.json中没有指定端口的选项。在这种情况下，如何指定自己选择的端口？我想同时运行此项目的两个（用于测试），一个在端口3005，另一个在3006回答：如果您不想设置环境变量，则另一个选择是从以下位...
2024-01-10
使用react脚手架create-react-app遇到的问题
1.使用 npm install -g create-react-app 时，页面报错：如下：此时查看错误日志：大概意思猜测是npm的问题 就把命令改成cnpm install -g create-react-app，此时第一步可以顺利执行2. 输入create-react-app my-app，创建名为my-app的项目，如下图：又报之前的错了，原因是因为这个命令执行的时候，会安装一些包，但...
2024-01-10使用create-react-app时使用自定义生成输出文件夹
Facebook提供了构建React应用的create-react-app命令。运行时npm runbuild，我们会在/build文件夹中看到输出。npm运行构建将要生产的应用程序生成到生成文件夹。它在生产模式下正确捆绑了React，并优化了构建以获得最佳性能。最小化内部版本，文件名包含哈希值。您的应用已准备好进行部署！我们如何使...
2024-01-10
create-react-app项目暴露webpack配置文件
create-react-app创建的react项目，webapck配置，默认情况下是在node_modules里面的，我们需要把它暴露到根目录上来。执行 npm run eject 命令即可，一般情况下，是会报错的。解决方法，依次执行下面几个命令就可以了。git initgit add . 注意后面这里有个点git commit -m 'init'这时，重新执行一下 npm run eject即可。...
2024-01-10
react-snippets
rcjcclass componentName extends Component { render() { return ( <div> </div> ); }}conconstructor(props) { super(props); }方法cwm→ componentWillMount methodcdm→ componentDidMount methodcwr→ componentWillReceiveProps method...
2024-01-10
react中关于create-react-app2里css相关配置
先看 webpack.config.dev.js 里的相关代码：// style files regexesconst cssRegex = /\.css$/;const cssModuleRegex = /\.module\.css$/;const sassRegex = /\.(scss|sass)$/;const sassModuleRegex = /\.module\.(scss|sass)$/; // common function to get style loadersconst getSty...
2024-01-10
react-React深入-一等公民-props-onChange
title: '[react]深入 - 一等公民 props & onChange'date: 2017-08-23 10:05:07tags:reactreactjspropsonChange框架reduxcategories:技术写在前面这篇博客的前身是 《React 新手必须知道的10件事》，结果写着写着，「每件事」都远远超过了预计的300～500字的限制。给读者的阅读造成了极大的困扰。故将《10件事》拆开成若...
2024-01-10
解决create-react-app在ie中打开页面空白的兼容性问题
最近使用react官方脚手架create-react-app建立项目的时候发现在ie浏览器打开时显示空白，在主流的chrome、fireFox等浏览器显示是正常的。打开控制台显示如下既然提示了语法错误，那么猜想应该是兼容性的问题，看了下浏览器的版本号是ie11。首先我翻了下create-react-app的文档，从中看到了正好有对ie9、ie10...
2024-01-10
查看安装的react-native和react版本
转：http://blog.csdn.net/miss_ok/article/details/52777115npm info React-native(目前是0.34.1)知道最新版本后，通过以下命令来安装：npm install --save react-native@0.34.1同样，npm info react(目前是15.3.2)知道最新版本后，通过以下命令来安装：npm install --save react@15.3.2...
2024-01-10
react-native-wechat微信组件的使用
对我来说link没有成功过，所以参考了其他人的文章，原文：https://www.jianshu.com/p/6a792118fae4 共需要3个步骤：1.在微信开放平台创建一个移动应用2.安装微信插件3.分别配置安卓和ios环境 第一步：要去:https://open.weixin.qq.com （微信开发平台）注册账号并且创建一个移动应用。若已创建可省略第...
2024-01-10
【React】create-react-app 打包后怎么在服务器上部署？
使用create-react-app写了个应用，现在想测试怎么发布到服务器上，但是却没有头绪。打包出来的目录是这样的是直接让nginx指向这个目录吗？回答对...指到build目录即可，上周刚部署过。你试试不就知道了。这种问题应该是报错了才来问。请问楼主问题解决了吗，今天我也遇到这个问题，求指教如果是纯...
2024-01-10
react篇章-React 组件-复合组件
<!DOCTYPE html><html><head><meta charset="UTF-8" /><title>菜鸟教程 React 实例</title><script src="https://cdn.staticfile.org/react/16.4.0/umd/react.development.js"></script><script src="https://cdn.staticfile.org/react-dom/16.4.0/umd/react-dom.development.js"></...
2024-01-10
【巷子】---react-redux---【react】
一、Redux与组件 react-redux是一个第三方插件使我们在react上更方便的来使用redux这个数据架构 React-Redux提供connect方法,用于从UI组件生成容器组件，connect的意思就是将两种组件连起来 参考文章：https://github.com/reduxjs/react-redux 二、react-redux的基本用法(1)、引入import {Provider} from "react-redux"; 在根...
2024-01-10
在create-react-app创建的React项目应用中配置JQ、Sass
使用 create-react-app 配置 react 开发环境，像下面这样，就可以构建一个新的 react 单页面应用，非常方便。npm install -g create-react-appcreate-react-app my-appcd my-appnpm start但是， 去掉了默认支持Sass等预处理器，和默认的JQ库。添加JQ库1.安装jq库 npm install --save-dev jquery2.在入口js 文件中引入 import $ from 'jquery...
2024-01-10是否可以通过public文件夹中的create-react-app服务静态文件？
基本上，我为客户制作了一个（相对）简单的应用程序。该应用程序正常工作，但他们一直在要求更改数据。鉴于该应用程序最初的预期简单性以及它保存静态数据的事实，我没有将其链接到任何后端。该数据将保存在本地静态文件中，而该对象具有保存数据的对象。问题在于，fle被捆绑到了buld中，...
2024-01-10
