create-react-app_编程技术问答社区_程序员问答知识库

以下是关于 create-react-app 的编程技术问答

使用创建react-app与php索引

我想使用出色的Create-React-App工具启动新的React项目，但是我需要使用PHP服务应用程序，以便我获取一些动态数据和配置，并在开始之前将其馈送为反应. 如何将Create-React-App配置为服务器PHP? PHP有自己的内置服务器，因此我们可以使用它来启动index.php php -S localhost:8000 ./public/index.php 有没有办法让WebPack启动PHP内置服务器，并且仍然具有现场重新加载和React-Create-App随附的功能? 解决方案使用以下代码: 在命令行中打开应用程序文件夹. 用您的React Config File编写以下代码. (例如:development.config.js) 代码 webpack-dev-server --progress --inline --hot --port 8080 --config reactconfig/developmen

0 2023-06-01 编程技术问答社区 php reactjs webpack create-react-app

如何将Phaser集成到React中

我已经创建了一个使用Create-React-App创建的React应用程序，并且我也尝试集成Phaser 3.我跟随本指南开始.我已经有帆布渲染文本，但是预紧力中的加载图像似乎无法正常工作.我得到默认的未能显示纹理图像. import ExampleScene from "./scenes/ExampleScene"; import * as React from "react"; export default class Game extends React.Component { componentDidMount() { const config = { type: Phaser.AUTO, parent: "phaser-example", width: 800, height: 600, scene: [ExampleScene] }; new Phaser.Game(conf

6 2023-05-25 编程技术问答社区 reactjs redux create-react-app phaser-framework

性能缓慢，在react中使用p5

我正在尝试使用p5( https://p5js.org/)某些草图的性能确实很糟糕(在开发中与构建应用程序后相同).我正在为项目支架使用create-react-app，而没有对构建设置进行任何更改. 直接在浏览器中运行它们时，草图在50-60fps左右运行，但是当将它们加载到React中时，它们会降至约1-2fps. 我将草图与这样的反应联系起来: // React Component to interface the sketches class P5Wrapper extends React.Component { componentDidMount() { const { sketch, ...rest } = this.props; this.canvas = new p5(sketch(rest), this.wrapper); } componentWillReceiveProps(newProps) {

6 2023-05-23 编程技术问答社区 javascript performance reactjs create-react-app p5.js

如何在 create-react-app 项目中链接到本地 pdf 文件？

我有一个创建反应项目项目，我想链接到我保存在项目中的PDF文件.我想我的问题是双重的: 1)我不确定我确切需要保存PDF文件(SRC文件夹与公共文件夹) 2)如何正确链接到PDF文件?现在我有这样的东西: Resume 它没有显示 - 它更改了URL，但不会带您到PDF. 任何建议都非常感谢！解决方案您需要将文件放在公共文件夹中.如果您希望它在浏览器中打开，那就是它的作用.如果要强迫用户下载，则可以将"下载"属性添加到锚标签. 其他解决方案将文件放在src/中的某个地方，例如src/static/my-file.pdf. 将文件导入组件顶部的顶部，例如import myFile from "./static/my-file.pdf";(路径相对于src/). 引用a标签中的对象:Li

0 2023-05-22 编程技术问答社区 html reactjs pdf create-react-app

create-react-app目前不工作

我已经运行npm install create-react-app -g，然后 create-react-app hello-world 返回 -bash: create-react-app: command not found 我知道我的$PATH目前被搞砸了.这是从echo $PATH 返回的内容 /usr/bin:/bin:/usr/sbin:/sbin:/usr/local/bin 我真的不知道该将其设置为什么，因为我目前对终端非常新.任何帮助将不胜感激.谢谢！解决方案只需将路径导出到.bashrc，然后从$ home目录中的.profile文件调用它，然后重新启动.例如: .bashrc文件: export PATH=$HOME/node_modules/.bin/:$PATH .profile文件: # if running bash if [ -n "$BASH_VERSION" ]; then # inclu

2 2023-05-21 编程技术问答社区 reactjs terminal path create-react-app

无法创建React应用程序

我有以下项目: 我有一个带有以下结构的源文件夹 src/ ├── sass/ │ └── sass files │ ├── js/ │ ├── admin │ │ └── React project (an Admin Dashboard) │ │ │ └── main │ └── Javascript for the main site │ └── pug/ └── pug files 我使用Create-React-App来创建React项目，然后我必须弹出它，以便将其移至我想要的结构中. 我在弹出的config/paths.js中写下路径. module.exports = { dotenv: resolveApp('.env'), appBuild: resolveApp('docs'), appPublic: resolveApp('src/public'), appHtml: resolv

2 2023-05-21 编程技术问答社区 javascript node.js reactjs path create-react-app

构建后index.html中的相对路径

你好，我有一个reactjs应用，我用bellow命令构建项目 npm build 这是我的package.json文件: "scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test --env=jsdom", "eject": "react-scripts eject"}, 构建后，我有构建文件和index.html文件的文件夹但是，此.html中的所有路径都是绝对的，我想用相对路径构建例如(index.html): 现在我有:

8 2023-05-21 编程技术问答社区 reactjs build path create-react-app react-scripts

用Passport + Facebook + Express + create-react-app + React-Router + proxy进行认证

tldr:如何从我的React应用程序中的页面启动Facebook Auth Process? 我发现了很多帖子，这些帖子涉及我在本文标题中列出的最多但不是全部的帖子.而且我几乎可以使这个工作很接近，但是我一定有一些东西. 我的应用程序由使用React-Router进行路由的创建反应前端组成.在我的开发环境中，我在51000端口上运行.在package.json中，我正在使用"代理"将其他路由重定向到我的Express Server，该路由在端口51001上运行.这通常可以在我的React组件中提出击中服务器的React组件中的请求.例如: axios.get('/api/some-stuff') 在我的React组件中调用时，这将成功击中我的Express Server. 我想确保对后端路线进行身份验证，并且我选择通过Passport-facebook使用Facebook Auth.我已经像我见过的许多在线教程一样进行了设置.例如，我在快速服务器上有一条名为

0 2023-05-21 编程技术问答社区 reactjs express react-router passport.js create-react-app

在create-react-app创建的package.json中，browserslist的意义是什么？

我在接受采访中被问到.我无法回答. "browserslist": [ ">0.2%", "not dead", "not ie

0 2023-05-16 编程技术问答社区 create-react-app package.json

在创建新的React应用时出错（"你正在运行`create-react-app` 4.0.3，它落后于最新版本（5.0.0）"）。

即使执行卸载部分，我也会一次又一次地获得此创建React应用程序错误. npm uninstall -g create-react-app 最新的，在570ms中审核1个软件包找到0个漏洞 npx create-react-app test-app 需要安装以下软件包:create-react-app可以继续? (y)y 您正在运行create-react-app 4.0.3，这是最新的版本(5.0.0). 我们不再支持创建React App的全局安装. 请删除具有以下命令之一的任何全局安装: NPM卸载-g创建反应 - 应用纱线全局删除create-react-app 可以在此处找到有关创建新应用的最新说明: C:\>npm --version 8.3.0 C:\>node --version v16.13.0 我该如何修复? 解决方案尝试运行npx clear-npx-cache清除您的NPX缓存，

2 2023-05-16 编程技术问答社区 reactjs npm package create-react-app npx

在heroku上部署Reactjs应用程序(CRA)时，出现了一个错误

以下是我遇到的错误.应用程序的前端是使用CRA构建的.后端是由Laravel -Laravel Sanctum和Laravel Fortify建造的.我正在使用craco来构建应用程序. 错误:React React Refresh运行时不应包含在生产捆绑包中. 解决方案我找到了这个问题. Heroku使用nodejs buildpack构建了React应用程序.为了部署使用create-react-app buildpack buildpack除了" heroku/nodejs"以外的buildpack脚手架的反应项目.就我而言，我使用了此buildpack-> 谢谢@mando的帮助.

6 2023-05-16 编程技术问答社区 reactjs heroku create-react-app craco

在非弹出式的create-react-app中覆盖eslint设置？

我为此找到了很多"解决方案"，从简单的软件包.json添加到自定义hack模块，但没有任何作用. 我只想覆盖一个未开箱即用的，未弹出的创建反应应用的ESLINT设置. 即，规则" noundused-vars". 我正在使用Visual Studio代码. 解决方案我似乎只是尝试了我在网上发现的东西的组合而偶然地修复了这一问题.这似乎奏效了. 1)我在项目root(poffage.json文件)中创建了一个.env文件.我有: // .env file EXTEND_ESLINT = true 2)然后我在项目根中创建了一个.eslintrc文件(无扩展)，并添加了以下内容: // .eslintrc file (no extension) { "extends": [ "react-app" ], "rules": { "no-unused-vars": "off" } } 其他解决方案在cre

8 2023-05-15 编程技术问答社区 reactjs overriding create-react-app eslint

在OpenShift上部署Create React App： EACCES: permission denied, open '/home/node/app/.eslintcache'；

我正在尝试使用DockerFile在OpenShift上部署Create React App WebApp. OpenShift构建成功完成，当我访问路线时，我可以看到应用程序运行1秒，然后在屏幕上出现此错误: Failed to compile EACCES: permission denied, open '/home/node/app/.eslintcache' 我不明白为什么拒绝拒绝错误会出现，因为我为我的Dockerfile中的节点Docker Image提供的node用户分配了目录权限. 这是我的dockerfile: FROM node:14-alpine RUN mkdir -p /home/node/app &&\ chmod -R 775 /home/node/app &&\ chown -R node:node /home/node/app WORKDIR /home/node/app COPY package*.json /home/

2 2023-05-11 编程技术问答社区 node.js reactjs docker openshift create-react-app

如何使用createReactApp测试一个包含OpenLayers地图的组件

我有这样的组件: import React, { Component } from 'react'; import Map from 'ol/map'; import View from 'ol/view'; import Tile from 'ol/layer/tile'; import OSM from 'ol/source/osm'; import { mapInitialized } from '../../actions/map'; export default class MapWrapper extends Component { componentDidMount() { const map = new Map({ layers: [ new Tile({ source: new OSM(), }), ], view: new View({

0 2023-05-11 编程技术问答社区 reactjs openlayers jestjs create-react-app

在Linux上安装创建react应用时，超过了最大的调用堆栈大小

我有节点-12.4.0，NPM -6.9.0，NPX -6.9.0. i ran命令 npx create-react-app cra 并获得以下结果: Installing packages. This might take a couple of minutes. Installing react, react-dom, and react-scripts... npm ERR! Maximum call stack size exceeded Aborting installation. npm install --save --save-exact --loglevel error react react-dom react-scripts has failed. 日志说错误从这里开始: 27623 warn optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.9 (node_modules/

2 2023-04-28 编程技术问答社区 npm-install create-react-app

npm命令create-react-app failled

我正在尝试在我的计算机上测试ReactJ(MBP Pro 2017)运行OSX Sierra 10.12.6. 我遵循了Facebook教程: 确保您已安装了Node.js的最新版本. (完成) 按照安装说明创建一个新项目. 但是我在第二步中有问题！我不在代理人后面. 我的网络还可以. 存储库设置为registry.npmjs.org 我可以阅读网址: https://registry.npmjs.s.org/create-reacte -app 但是，即使在外部DNS wsg.intra.corp.grp 我陷入困境，任何帮助都会很好！ $ npm install -g create-react-app npm ERR! code ENOTFOUND npm ERR! errno ENOTFOUND npm ERR! network request to https://registry.npmjs.org/create-react-app fai

2 2023-04-28 编程技术问答社区 macos reactjs npm npm-install create-react-app

如何在Ubuntu中将等待超时从30000毫秒升至NPM安装时间的60000毫秒

由于我的Internet连接很慢，因此我无法从NPM安装软件包，因为NPM返回错误为 npm err！在尝试获取 https://registry.npmjs.org/create-reate-react-react-papt-/- a>(超过30000ms) 我希望如果我将等待时间增加到一分钟或更长时间，则可能会解决错误.而且由于我在Ubuntu 18.04上，我无法找到一种方法. 解决方案我不知道与您的问题有多相似.但是在执行npm install -g npm-check-updates之后，我在执行以下命令时遇到了麻烦: ncu -u 我只是在命令完全执行之前一直在增加超时. ncu -u --timeout 100000 其他解决方案将其添加到您的.npmrc文件: timeout=60000 其他解决方案更新NPM配置: npm config set fetch-retry-maxtimeout 60000 -

22 2023-04-28 编程技术问答社区 node.js reactjs npm create-react-app npm-install

用npm安装create-react-app时出现错误

当我尝试在全球甚至在项目中安装Create-React-app(或Nodemon)时，我会收到以下错误.但是，我可以在全球和本地完美地安装其他软件包.我认为这与以下事实有关，即创建反应应用和Nodemon都是从终端运行的，而不是在项目代码中使用. 我已经尝试重新安装nodejs并以管理员的身份打开终端，但这不起作用. $ npm i -D nodemon npm ERR! path C:\Users\Shivang\AppData\Roaming\npm-cache\_cacache\index-v5\78\49\9aac8fdb9b898c6d95e47da44f0425e95568d85f83d82f7bae06293b0a03 npm ERR! code UNKNOWN npm ERR! errno -4094 npm ERR! syscall open npm ERR! UNKNOWN: unknown error, open 'C:\Users\Shivang\Ap

4 2023-04-28 编程技术问答社区 node.js npm npm-install create-react-app

npm ERR! 试图获取https://registry.npmjs.org/react-is 时响应超时（超过30000ms）。

当我想创建一个React应用程序时，我会遇到以下错误: npm ERR! Response timeout while trying to fetch https://registry.npmjs.org/react-is (over 30000ms) npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\info\AppData\Roaming\npm-cache\_logs\2020-04-23T02_54_45_865Z-debug.log Aborting installation. npm install --save --save-exact --loglevel error react react-dom react-scripts cra-template has failed. Deleting generated file... package.json D

80 2023-04-28 编程技术问答社区 reactjs npm create-react-app npm-install npm-scripts

从4.0.1版开始，create-react-app就不工作了。

我尝试使用npm i create-react-app，npx create-react-app new-app和npm init react-app new-app安装create-react-app，但是我一直收到此错误消息: 您正在运行Create-React-App 4.0.0，这是最新的版本(4.0.1).我们不再支持创建的全局安装 React App. 我该如何修复? 解决方案这对我有用: npx create-react-app@latest your-project-name --use-npm 其他解决方案根据create-react-app> docs> ，create-react-app应该不是在全球安装: 如果您先前已通过npm install -g create-react-app全局安装create-react-app，我们建议您使用npm uninstall -g create-react-app或yarn g

6 2023-04-28 编程技术问答社区 reactjs npm create-react-app npm-install npx

首页
<
1
2
3
4
5
6
7
8
>
尾页