create-react-app安装react项目，yurn一直报错，错误如下图 

 create-react-app脚手架创建项目失败，请教各位大神哪里出问题了

使用create-react-app脚手架创建项目一直报错失败，  百度，Google都找过，网上说的解决办法如下： 1. yarn.lock（新建项目目录下没有这个文件） 2. ``` yarn cache clean yarn install --network-concurrency 1 ``` 试过了也没用。 npm 和yarn也都是最新的了，几个月前还能创建项目，现在是怎么都没法创建react项目了，不知道怎么搞，求助，或者还有不用create-react-app来创建react项目的方便方法吗 我没有C币，尴尬

如图，引入antd-mobile后为了实现按需加载以及自定主题的功能，需要下载 依赖包babel-plugin-import和react-app-rewired。而由于react-app-rewired在2.0之后的版本删除了injectBabelPlugin函数，需要下载customize-cra对配置加载组件config-overrides进行配置，代码块如下。 ``` const { override, fixBabelImports, addLessLoader } = require('customize-cra'); module.exports = override( fixBabelImports('import', { libraryName: 'antd-mobile', libraryDirectory: 'es', style: true, //支持加载less 需要下载less 和less-loader }), addLessLoader({ javascriptEnabled: true, modifyVars: { '@primary-color': '#25b864' }, }), ); ``` 比较疑惑的就是，在网上查阅的资料中，大部分的代码块与我上面发的几乎一致，但却只能实现按需打包的功能，而自定义主题的功能却不能生效。 然后我试着在create-react-app中引入antd并且进行同样的修改，自定义主题功能是生效的。 问题来了，是否customiz-cra函数只对antd完全支持，而对antd-mobile并不完全兼容？ 如果不完全兼容，是否意味着只能下载2.0之前的react-app-rewired进行antd-mobile引入的配置加载的修改？ 求解惑

<div class="post-text" itemprop="text"> <p>I'm creating a login function on a create-react-app project, but I'm not sure how the directory structure of the build file works... When running the request I receive a 404 error.</p> <p>I have a function in <code>createUser.js</code> </p> <pre><code>componentDidMount() { this.serverRequest = $.get("./RestAPI/UserCRUD/create.php", function(users) { this.setState({ users: users.records }); }.bind(this)); } </code></pre> <p>which would ideally run the php script I've written that accesses the database. My question how do I find the URL I need to specify on the get request to call this file on the <code>build</code> folder?</p> </div>

请问 ,我npm run eject 后,config文件夹下怎么只有一个webpack.config.js文件? 我看教程和其他文章都写的是有2个文件的,一个是webpack.config.dev.js 开发环境下的配置项,另一个是webpack.config.prod.js 生产环境下的配置项. 如果这是由于更新后的正常现象,那么请问怎么添加less配置代码? 另外,执行npm run eject 暴露配置文件后, 执行npm run start 就一直报错, 缺少几种loader. 按照错误提示安装'@babel/plugin-transform-react-jsx-source' 后,又找不到is-wsl. 安装了is-wsl 又再次提示找不到 @babel/plugin-transform-react-jsx-source. 最后重新 npm install ,在执行 npm run start 还是不能成功编译.提示错误: Starting the development server... Failed to compile. ./node_modules/react-dev-utils/formatWebpackMessages.js Module not found: Can't resolve 'F:\react-test\my-app\node_modules\babel-preset-react-app\node_modules\@babel\runtime/helper s/slicedToArray' in 'F:\react-test\my-app\node_modules\react-dev-utils' Compiling... Failed to compile. ./node_modules/react-dev-utils/formatWebpackMessages.js Module not found: Can't resolve 'F:\react-test\my-app\node_modules\babel-preset-react-app\node_modules\@babel\runtime/helper s/slicedToArray' in 'F:\react-test\my-app\node_modules\react-dev-utils' Compiling... Failed to compile. ./node_modules/react-dev-utils/formatWebpackMessages.js Module not found: Can't resolve 'F:\react-test\my-app\node_modules\babel-preset-react-app\node_modules\@babel\runtime/helper s/slicedToArray' in 'F:\react-test\my-app\node_modules\react-dev-utils' 请帮我看看怎么解决这几个问题?

如图,我已经安装了create-react-app ,但是运行的时候还是会提示"不是内部或外部命令,也不是可运行的程序或批处理文件",求大神们帮忙.! 

还没加自己的代码，就建好项目，npm start就报错，重新install过也不行，重复步骤，新建过两三个项目，都是在这里出问题，网上说的环境变量啥的也配过，求解

服务端使用的是firebase，接口数据也都有， 前端代理也设置了， 由于访问的是https 在package.json的start处也设置了set HTTPS=true 但还是报错 ``` Error occurred while trying to proxy request / from localhost:3000 to https://asia-east2-socialape-d6344.cloudfunctions.net/api (ETIMEDOUT) (https://nodejs.org/api/errors.html#errors_common_system_errors) ```    又遇到过这个问题的么，我看问题的描述是在进行代理的过程中发生的错误，不知道怎么解决了， 谢谢！！！

](https://img-ask.csdn.net/upload/201712/08/1512696842_564583.png)

 ####清过缓存 切换NPM源 都没效果

<div class="post-text" itemprop="text"> <p>I've created a React App to my existing php page which is using session to store <code>userid</code>. The session is set by a normal .php login page, but when I try to call API call who access the session, it appears it's not set.</p> <p>Is react apps inside its own 'environment' and is it required to use tokens? </p> <p>I'm confused.. </p> <p>EDIT: solved it by this questin from om a different thread: <a href="https://stackoverflow.com/a/44111668/3010171">https://stackoverflow.com/a/44111668/3010171</a></p> </div>

在利用npm的create-react-app快速创建一个app时，当访问页面时总是报一个错误，但是这个错误我真是想不明白呀。  下面是源码： import React, {Component} from 'react'; class Counter extends Component ( constructor(props){ super(props); this.onClickIncrementButton = this.onClickIncrementButton.bin(this); this.onClickDecrementButton = this.onClickDecrementButton.bin(this); this.status = { count : props.initValue } } onClickIncrementButton() { this.setState({count : this.state.count + 1}); } onClickDecrementButton() { this.setState({count : this.state.count - 1}); } render(){ const {caption} = this.props; return ( <div> <button onClick={this.onClickIncrementButton}>+</button> <button onClick={this.onClickDecrementButton}>+</button> <span>{caption} count : {this.state.count}</span> </div> ); } ) Counter.propType = { caption : PropType.string.isRequired, initValue : PropType.number }; Counter.defaultProps = { initValue : 0 }; export default Counter;

公司要开发一个工程中心,所以要求在后台管理系统中添加一个甘特图,添加三级子事件那种,我在网上也找到了不少开发甘特图的插件:https://linux.ctolib.com/guiqui-react-timeline-gantt.html#articleHeader7 ,现在项目里使用的就是这个,但是这个插件无法添加子事件,更别说三级子事件了,下面是我代码,和展示效果,和上面网站几乎是一样的,不过它会在你修改事件标题后报错,导致无法移动,所以我在up事件中做了if判断,禁用了修改标题,求求好心大佬,指点一下,有没有好用的甘特图插件!!!! ``` /** * Created by GYL on 2018/8/24 */ import React, { Component } from 'react'; import TimeLine from "react-gantt-timeline"; import "./styles.css"; class Gantetu extends Component { constructor(props) { super(props); let d1 = new Date(); let d2 = new Date(); d2.setDate(d2.getDate() + 2); let d3 = new Date(); d3.setDate(d3.getDate() + 3); let d4 = new Date(); d4.setDate(d4.getDate() + 4); console.log('d1:',d1,'d2:',d2,'d3:',d3,'d4:',d4) let data = [ { id: 1, start: d1, end: d2, name: "Demo Task 1" }, { id: 2, start: d3, end: d4, name: "Demo Task 2", color: "orange" }, ]; this.state = { data: data, links: [] }; } genID() { function S4() { return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1); } return ( S4() + S4() + "-" + S4() + "-4" + S4().substr(0, 3) + "-" + S4() + "-" + S4() + S4() + S4() ).toLowerCase(); } createLink(start, end) { console.log(start, end,'createLink') return { id: this.genID(), start: start.task.id, startPosition: start.position, end: end.task.id, endPosition: end.position }; } onUpdateTask = (item, props) => { console.log('onUpdateTask',item, props) if(!props.start) { return } item.start = props.start; item.end = props.end; this.setState({ data: [...this.state.data] }); }; onCreateLink = item => { console.log('onCreateLink',item,this.createLink(item.start, item.end)) let newLink = this.createLink(item.start, item.end); this.setState({ links: [...this.state.links, newLink] }); }; render() { let width = document.body.clientWidth; const height = document.body.clientHeight; let containerHeight = '76vh'; let tableHeight = 310; if (width > 1367) { tableHeight = 380; containerHeight = '83vh'; } return ( <div className="app-container"> <h1>Getting Started Demo</h1> {/* DayWidth<input type="range" min="30" max="500" value={this.state.daysWidth} onChange={this.handleDayWidth} step="1"/> Item Height<input type="range" min="30" max="500" value={this.state.itemheight} onChange={this.handleItemHeight} step="1"/> */} <div className="time-line-container"> <TimeLine data={this.state.data} links={this.state.links} onUpdateTask={this.onUpdateTask} onCreateLink={this.onCreateLink} /> </div> </div> ); } } export default Gantetu; ``` ``` ```

#### 问题 `.eslintrc.js`文件，设置了` 'jsx-a11y/anchor-is-valid': 0` 在 WebStorm中已经不报警告了，但是启动项目时还是有警告，如下图 1. 在编辑器中已经不出警告  2. 在项目启动时仍然出现警告  3. 在浏览器中也出现了警告  **请问如何解决警告问题？** #### 项目环境 1. WebStorm 2. create-react-app --typescript 项目 3. .eslintrc.js文件内容 ```js module.exports = { parser: '@typescript-eslint/parser', extends: [ 'plugin:@typescript-eslint/recommended', 'react-app', 'prettier/react', 'plugin:prettier/recommended', ], env: { browser: true, es6: true, node: true }, globals: { Atomics: 'readonly', SharedArrayBuffer: 'readonly' }, parserOptions: { ecmaFeatures: { jsx: true }, ecmaVersion: 2018 }, plugins: [ 'react', '@typescript-eslint', ], rules: { 'jsx-a11y/anchor-is-valid': 0, '@typescript-eslint/indent': ['error', 2], 'linebreak-style': [ 'error', 'unix' ], quotes: [ 'error', 'single' ], semi: [ 'error', 'always' ], '@typescript-eslint/no-explicit-any': 'off', '@typescript-eslint/explicit-member-accessibility': 0, // Makes no sense to allow type inferrence for expression parameters, but require typing the response '@typescript-eslint/explicit-function-return-type': [ 'off', { allowTypedFunctionExpressions: true } ], '@typescript-eslint/no-use-before-define': [ 'error', { functions: false, classes: true, variables: true, typedefs: true } ], } }; ``` 4. package.json文件内容 ``` { "name": "jgszl-web-tpl-ts", "version": "0.1.0", "private": true, "dependencies": { "@ant-design/pro-layout": "^4.5.10", "@types/jest": "24.0.15", "@types/node": "12.0.12", "@types/react": "16.8.23", "@types/react-dom": "16.8.4", "@types/react-router-dom": "^4.3.4", "antd": "^3.20.0", "axios": "^0.19.0", "babel-plugin-import": "^1.12.0", "customize-cra": "^0.2.14", "less": "^3.9.0", "less-loader": "^5.0.0", "react": "^16.8.6", "react-app-rewired": "^2.1.3", "react-dom": "^16.8.6", "react-router-dom": "^5.0.1", "react-scripts": "3.0.1", "typescript": "3.5.2" }, "scripts": { "start": "react-app-rewired start", "build": "react-app-rewired build", "test": "react-app-rewired test", "eject": "react-app-rewired eject", "lint": "eslint --cache --ext .js,.jsx,.ts,.tsx ./src" }, "eslintConfig": { "extends": "react-app" }, "browserslist": { "production": [ ">0.2%", "not dead", "not op_mini all" ], "development": [ "last 1 chrome version", "last 1 firefox version", "last 1 safari version" ] }, "devDependencies": { "@types/lodash": "^4.14.136", "@typescript-eslint/eslint-plugin": "^1.11.0", "@typescript-eslint/parser": "^1.11.0", "eslint-config-prettier": "^6.0.0", "eslint-config-react-app": "^4.0.1", "eslint-plugin-prettier": "^3.1.0", "prettier": "^1.18.2" } } ```

之前已经完全配置成功，但是今天不知道动了什么地方。 所有打包都能成功，就是在html显示空白。而且什么地方都不报错。 手动修改index.html的引入文件为之前打包成功的JS文件名，也能正常显示。 请问这是出了什么问题 ``` import React from 'react'; class App extends React.Component { render() { return ( <div> 111111111111111111111111111111111111111 </div> ); } } export default App; ``` ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>webpack-with-react</title> </head> <body> <div id="root"></div> </body> </html> ```  

<div class="post-text" itemprop="text"> <p>I have create a static web page with golang</p> <pre><code>package main import ( "log" "net/http" "html/template" ) func ex(w http.ResponseWriter, r *http.Request) { t, _ := template.ParseFiles("static/example.html") t.Execute(w, nil) } func main() { fs := http.FileServer(http.Dir("static")) http.Handle("/", fs) imagesHandler := http.FileServer(http.Dir("./video/")) http.Handle("/video/", http.StripPrefix("/video/", imagesHandler)) http.HandleFunc("/ex", ex) log.Println("Listening...") http.ListenAndServe(":8080", nil) } </code></pre> <p>example.html:</p> <pre><code>&lt;!doctype html&gt; &lt;video width="320" height="240" controls&gt; &lt;source src="/video/87.mp4" type="video/mp4"&gt; &lt;/video&gt; </code></pre> <p>So if I go to localhost:8080/ex on my browser I can see the video playing and everything</p> <p>in my react app I am doing the following (I am using import ReactPlayer from 'react-player')</p> <pre><code>render() { return ( &lt;ReactPlayer url='http://localhost:8080/ex' playing controls height='400'/&gt; ) } </code></pre> <p>The video is not working - if I change the url with a youtube video it is working fine. Could you assist me on that</p> <p>Thanks</p> </div>

<div class="post-text" itemprop="text"> <p>I have two react projects created by create-react-app kit which <strong>both will use same database and some shared models</strong>. For backend i've created one Laravel project and in it's public directory i've put React projects :</p> <pre><code>--Laravel project |-- app |-- bootstarp ... |-- public |-- frontend (react app) |-- panel (react app) |-- index.php (Laravel's index) ... |-- vendor |-- .env </code></pre> <p>Since i'm going to use Laravel just for REST api, i've set up 3 domains like :</p> <pre><code>frontend.local panel.frontend.local api.frontend.local </code></pre> <p>The reason for doing this, is that i don't want to recreate database or shared models for each project and right now everything works great. I can access projects and i can send api requests too. So my question is : Is this approach good ? and if it's not, how can i have one instance of Laravel app for two react apps.</p> </div>

<div class="post-text" itemprop="text"> <p>This is my stack:</p> <ol> <li>Frontend server: Node + ReactJS (<code>f.com</code>)</li> <li>Backend server (API): Golang (<code>b.com</code>)</li> </ol> <p>I'm doing this in development environment where I use <a href="https://github.com/facebookincubator/create-react-app" rel="nofollow noreferrer">create-react-app</a> to run my frontend server via <code>npm start</code> command. I want to perform authentication using SSO served at <code>sso.example.com/login</code>. Ideally whenever there's a request to the Backend server without proper authorization, it will be responded with HTTP 302 Redirect to the SSO page. So the sequence is: </p> <ol> <li>ReactJS sends GET request to <code>b.com/users</code></li> <li>Golang responded with http.Redirect("<code>sso.example.com/login</code>")</li> <li>ReactJS app gets CORS error from <code>sso.example.com</code> of which I don't have control of adding <code>Access-Control-Allow-Origin:*</code> respond header</li> </ol> <p>How can I redirect my GET request successfully?</p> </div>

4小时玩转微信小程序——基础入门与微信支付实战

Python可以这样学（第四季：数据分析与科学计算可视化）

实现机器数的真值还原（定点小数）、定点小数的单符号位补码加减运算、定点小数的补码乘法运算和浮点数的加减运算。

系统介绍 图书馆管理系统主要的目的是实现图书馆的信息化管理。图书馆的主要业务就是新书的借阅和归还，因此系统最核心的功能便是实现图书的借阅和归还。此外，还需要提供图书的信息查询、读者图书借阅情况的查询等

土豆浏览器可以用来看各种搞笑、电影、电视剧视频

发现网上很多Java面试题都没有答案，所以花了很长时间搜集整理出来了这套Java面试题大全，希望对大家有帮助哈~ 本套Java面试题大全，全的不能再全，哈哈~ 一、Java 基础 1. JDK 和 JRE 有什么区别？ JDK：Java Development Kit 的简称，java 开发工具包，提供了 java 的开发环境和运行环境。 JRE：Java Runtime Environ...

Java8零基础入门视频教程

文章目录Java概述何为编程什么是Javajdk1.5之后的三大版本JVM、JRE和JDK的关系什么是跨平台性？原理是什么Java语言有哪些特点什么是字节码？采用字节码的最大好处是什么什么是Java程序的主类？应用程序和小程序的主类有何不同？Java应用程序与小程序之间有那些差别？Java和C++的区别Oracle JDK 和 OpenJDK 的对比基础语法数据类型Java有哪些数据类型switc...

自己总结的ttp229触摸代码，触摸代码以及触摸按键处理

网络工程师小白入门--【思科CCNA、华为HCNA等网络工程师认证】

深度学习系列课程从深度学习基础知识点开始讲解一步步进入神经网络的世界再到卷积和递归神经网络，详解各大经典网络架构。实战部分选择当下最火爆深度学习框架PyTorch与Tensorflow/Keras，全程实战演示框架核心使用与建模方法。项目实战部分选择计算机视觉与自然语言处理领域经典项目，从零开始详解算法原理，debug模式逐行代码解读。适合准备就业和转行的同学们加入学习！ 建议按照下列课程顺序来进行学习 （1）掌握深度学习必备经典网络架构 （2）深度框架实战方法 （3）计算机视觉与自然语言处理项目实战。（按照课程排列顺序即可）

JDK1.8 API 中文谷歌翻译版 java帮助文档 JDK API java 帮助文档 谷歌翻译 JDK1.8 API 中文 谷歌翻译版 java帮助文档 Java最新帮助文档 本帮助文档是使用谷

Ubuntu18.04.1安装一、准备工作1.下载Ubuntu18.04.1 LTS2.制作U盘启动盘3.准备 Ubuntu18.04.1 的硬盘空间二、安装Ubuntu18.04.1三、安装后的一些工作1.安装输入法2.更换软件源四、双系统如何卸载Ubuntu18.04.1新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列...

原理:    快速排序,说白了就是给基准数据找其正确索引位置的过程.    如下图所示,假设最开始的基准数据为数组第一个元素23,则首先用一个临时变量去存储基准数据,即tmp=23;然后分别从数组的两端扫描数组，设两个指示标志:low指向起始位置，high指向末尾.    首先从后半部分开始，如果扫描到的值大于基准数据就让high减1,如果发现有元素比该基准数据的值小(如上图中18&amp;lt...

手把手实现Java图书管理系统（附源码）

这是我自己做的HTML期末大作业，花了很多时间，稍加修改就可以作为自己的作业了，而且也可以作为学习参考

Python数据挖掘简易入门

极简JAVA学习营第四期（报名以后加助教微信：eduxy-1）

C++语言基础视频教程

UnityLicence

软件测试2小时入门

YOLOv3目标检测实战：训练自己的数据集

系列课程主要包括Python数据分析必备工具包，数据分析案例实战，核心算法实战与企业级数据分析与建模解决方案实战，建议大家按照系列课程阶段顺序进行学习。所有数据集均为企业收集的真实数据集，整体风格以实战为导向，通俗讲解Python数据分析核心技巧与实战解决方案。

《YOLOv3目标检测实战系列课程》旨在帮助大家掌握YOLOv3目标检测的训练、原理、源码与网络模型改进方法。 本课程的YOLOv3使用原作darknet（c语言编写），在Ubuntu系统上做项目演示。 本系列课程包括三门课： (1)《YOLOv3目标检测实战：训练自己的数据集》 包括：安装darknet、给自己的数据集打标签、整理自己的数据集、修改配置文件、训练自己的数据集、测试训练出的网络模型、性能统计(mAP计算和画出PR曲线)和先验框聚类。 (2)《YOLOv3目标检测：原理与源码解析》讲解YOLOv1、YOLOv2、YOLOv3的原理、程序流程并解析各层的源码。 (3)《YOLOv3目标检测：网络模型改进方法》讲解YOLOv3的改进方法，包括改进1：不显示指定类别目标的方法 （增加功能） ；改进2：合并BN层到卷积层 （加快推理速度） ； 改进3：使用GIoU指标和损失函数 （提高检测精度） ；改进4：tiny YOLOv3 （简化网络模型）并介绍 AlexeyAB/darknet项目。

一、下载MySQL 首先，去数据库的官网http://www.mysql.com下载MySQL。 点击进入后的首页如下：  然后点击downloads，community，选择MySQL Community Server。如下图：  滑到下面，找到Recommended Download，然后点击go to download page。如下图：  点击download进入下载页面选择No...

一学即懂的计算机视觉（第一季）

购买套餐的朋友可以关注微信公众号“Python小屋”，上传付款截图，然后领取董老师任意图书1本。

安装第三方请求库 requests 被网站禁止了访问 原因是我们是Python过来的 重新给一段 可能还是存在用不了，使用网页的 编写代码 上面注意看匹配内容 User-Agent：请求对象 AppleWebKit：请求内核 Chrome浏览器 //请求网页 import requests import re //正则表达式 就是去不规则的网页里面提取有规律的信息 headers = { 'User-Agent':'存放浏览器里面的' } response = requests.get

分享思维,改变世界. web网页制作,期末大作业. 所用技术:html css javascript 分享所学所得

昨天早上通过远程的方式 review 了两名新来同事的代码，大部分代码都写得很漂亮，严谨的同时注释也很到位，这令我非常满意。但当我看到他们当中有一个人写的 switch 语句时，还是忍不住破口大骂：“我擦，小王，你丫写的 switch 语句也太老土了吧！” 来看看小王写的代码吧，看完不要骂我装逼啊。 private static String createPlayer(PlayerTypes p...