
create-react-app何时混淆或缩小代码?
我有一个关于webpack的基本问题,可以做出反应(可以在代码混淆/丑化周围)使用帮助。我正在create-react-app为我的应用程序使用它,它似乎为生产创建了捆绑的版本(运行之后yarn build)。在该文件中,似乎所有内容都放入了main.JS文件和main.CSS文件等中,我使用“ firebasedeploy”(在我的情况下)进行了...
2024-01-10
如何使用create-react-app运行构建版本?
因此,我使用create-react-app开发了一个小型React应用程序。(我总是从头开始编写应用程序。)然后,在对它感到满意之后,我决定npm run build开始进行优化的生产。有人可以告诉我如何运行生产版本而不是Dev版本吗?回答:当您运行npm run build控制台时,实际上应该说以下内容The build folder is ready to be d...
2024-01-10
在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的开发服务器不会自动刷新
我正在关注使用create-react-app的React 教程。该应用程序是由create-react-app v1.3.0创建的create-react-app my-app开发服务器由运行npm start多次更改代码后,不会实时更新浏览器的实时/热重载。刷新浏览器无济于事。仅停止开发服务器并重新启动它,才能捕获对代码的新更改。回答:您是否看到了《用户指南...
2024-01-10
src目录外部的create-react-app导入限制
我正在使用create-react-app。我正在尝试从文件夹中的文件中调用公用文件夹中的图片src/components。我收到此错误消息。./src/components/website_index.js找不到模块:您试图导入属于项目src/目录之外的../../public/images/logo/WC-BlackonWhite.jpg。不支持src/以外的相对导入。您可以将其移动到src /中,也可以从项目的node_modu...
2024-01-10
如何通过create-react-app提供SSL证书?
我正在尝试托管一个我使用Facebook样板在本地创建和测试的React应用。客户端应用程序与我使用node.js制作的API进行了交互,并且使用该API可以毫无问题地建立安全连接(通过node.js客户端发送我的SSL证书进行测试)。但是,在使用react发送我的SSL证书而不是自签名证书时,我遇到了困难,这导致我使用chr...
2024-01-10
如何在基于create-react-app的项目中添加字体?
我正在使用create-react-app,但不想使用eject。目前尚不清楚应该通过@ font-face导入并本地加载的字体在哪里。即我正在加载@font-face { font-family: 'Myriad Pro Regular'; font-style: normal; font-weight: normal; src: local('Myriad Pro Regular'), url('MYRIADPRO-REGULAR.woff') format('woff');}有什么建议?-编辑...
2024-01-10
使用MobX可观察的装饰器和create-react-app
该MobX文档告诉我,我必须“使用变换插件变换装饰遗留并确保它是第一个在插件列表”,为了使装饰工作。MobX样板项目建议我需要一个.babelrc类似的东西:{ "presets": [ "react", "es2015", "stage-1" ], "plugins": ["transform-decorators-legacy", "react-hot-loader/babel"]}如何使用create-react-app生成的项目来做到这...
2024-01-10
create-react-app,安装错误(“找不到命令”)
我已经按照Facebook指示页面(https://facebook.github.io/react/blog/2016/07/22/create-apps-with-no-configuration.html)上的指示完全安装了create-react-app :首先,安装全局软件包:npm install -g create-react-app我做到了 看起来工作正常-该文件已安装到users/*name*/.node_modules_global/lib/node_modules/create-rea...
2024-01-10
Ubuntu create-react-app失败,权限被拒绝
我收到一个奇怪的错误:Unhandled rejection Error: EACCES: permission denied, mkdir '/home/ubuntu/.npm/_cacache/index-v5/14/36'atus我只是在AWS实例上安装了npm(6.4.1)和节点(11.2.0),没有任何问题。我在全球范围内安装了create-react-app。错误说Thisis an error with npm itself.我有点茫然。我创建了目录/home/ubuntu/.npm/_cac...
2024-01-10
如何指定运行基于create-react-app的项目的端口?
我的项目基于create-react-app。npm start或yarn start默认情况下,将在 上运行该应用程序,并且在package.json中没有指定端口的选项。在这种情况下,如何指定自己选择的端口?我想同时运行此项目的两个(用于测试),一个在端口3005,另一个在3006回答:如果您不想设置环境变量,则另一个选择是从以下位...
2024-01-10
使用create-react-app时使用自定义生成输出文件夹
Facebook提供了构建React应用的create-react-app命令。运行时npm runbuild,我们会在/build文件夹中看到输出。npm运行构建将要生产的应用程序生成到生成文件夹。它在生产模式下正确捆绑了React,并优化了构建以获得最佳性能。最小化内部版本,文件名包含哈希值。您的应用已准备好进行部署!我们如何使...
2024-01-10
无法将“ create-react-app”识别为内部或外部命令
我正在尝试在Windows PC上使用create-react-app命令设置reactapp。我已经在Mac计算机上使用过它,并且效果很好。但是我遇到了一个问题。这是我在命令行上的步骤。我想念什么吗?C:\Windows\system32>cd C:\Users\ugur\Desktop\denemeC:\Users\ugur\Desktop\deneme>npm initThis utility will walk you through creating a package.json file.It ...
2024-01-10
如何在create-react-app中将`src`文件夹更改为其他内容
我想知道是否可以使用react-script重命名src为app文件夹之类的其他名称回答:您可以使用react-app-rewired覆盖反应路径配置。就我而言,我可以更改 文件中的路径const path = require('path');module.exports = { paths: function (paths, env) { paths.appIndexJs = path.resolve(__dirname, 'mysrc/client.js'); ...
2024-01-10
为什么create-react-app同时创建App.js和index.js?
我开始学习React,现在我想了解的目的是什么,index.js以及App.js通过运行create-react-app创建的目的。例如,为什么我们不能只使用。App.js?我已经读到App.js通常用作应用程序的主要入口点,但是自动生成的index.js似乎是主要入口点的一部分:import React from 'react';import ReactDOM from 'react-dom';import './index.css';...
2024-01-10
如何使用react-leaflet限制
我想获取当前地图的边界,以便可以使用Overpass API搜索这些边界。对于传单,我知道该方法只是map.getBounds(),但我不知道如何在react-leaflet中实现该方法。class SimpleExample extends React.Component { constructor() { super(); this.state = { lat: 51.505, lng: -0.09, zoom: 13, }; } component...
2024-01-10
是否可以通过public文件夹中的create-react-app服务静态文件?
基本上,我为客户制作了一个(相对)简单的应用程序。该应用程序正常工作,但他们一直在要求更改数据。鉴于该应用程序最初的预期简单性以及它保存静态数据的事实,我没有将其链接到任何后端。该数据将保存在本地静态文件中,而该对象具有保存数据的对象。问题在于,fle被捆绑到了buld中,...
2024-01-10
JavaScript继承:Object.create与New
在JavaScript中,这两个示例有什么区别:先决条件:function SomeBaseClass(){}SomeBaseClass.prototype = { doThis : function(){ }, doThat : function(){ }}使用Object.create的继承示例A:function MyClass(){}MyClass.prototype = Object.create(SomeBaseClass.prototype);使用new关键字的继承示例...
2024-01-10
React React-router-dom将道具传递给组件
我需要使用路由器将道具传递到组件。这是我的代码:import React, { Component, PropTypes } from 'react';import { connect } from 'react-redux';import AppBarTop from './appbar/AppBarTop';import Login from '../pages/login/Login';import {BrowserRouter as Router, Route} from 'react-router...
2024-01-10
如何在带有Typescript的React中使用refs
我在React中使用Typescript。我在理解如何使用refs方面遇到麻烦,以便相对于refs引用的react节点获得静态类型和智能感知。我的代码如下。import * as React from 'react';interface AppState { count: number;}interface AppProps { steps: number;}interface AppRefs { stepInput: HTMLInputElement;}export default cl...
2024-01-10
React-router-如何在React中的页面之间传递数据?
我正在一个项目中,我必须将数据从一页传递到另一页。例如,我data在第一页上。let data = [ {id:1, name:'Ford', color:'Red'}, {id:2, name:'Hyundai', color:'Blue'}]这是第一个组件页面,在该页面中我使用名称来呈现此数据列表。class ListDetail extends Component { constructor(); handleClick(data){ console.log(data); } ...
2024-01-10
运行react-scripts后如何停止?
我用npm start来启动一个React应用,其中package.json中定义了start:{ "name": "testreactapp", "version": "0.1.0", "private": true, "dependencies": { "react": "^15.6.1", "react-dom": "^15.6.1", "react-scripts": "1.0.10" }, "scripts": { "start": "react-scripts...
2024-01-10
如何在react-select中设置默认值
我在使用react-select时遇到问题。我使用redux表单,并且使我的react-select组件与redux表单兼容。这是代码:const MySelect = props => ( <Select {...props} value={props.input.value} onChange={value => props.input.onChange(value)} onBlur={() => props.input.onBlur(pro...
2024-01-10
使用Typescript在React中进行Markdown
有没有办法使用Typescript在React中解析Markdown?我正在尝试做类似的事情:import * as ReactMarkdown from 'react-markdown'// ORimport ReactMarkdown = require('react-markdown')但是Typescript无法找到模块’react-markdown’,因为它没有定义:错误:TS2307:找不到模块“ remark-markdown”。如何定义模块并将其用作React组件?回答...
2024-01-10
React render:对象作为React子对象无效
请帮我。我不知道为什么这段代码不起作用。它给我一个错误:“对象作为React子对象无效(找到:带有键{itemss}的对象)。如果要渲染子对象的集合,请改用数组。”为什么{i.title}是对象。这只是一个字符串。我怎样才能解决这个问题?以及实际上如何迭代嵌套对象?class ShopItem extends React.Component {...
2024-01-10
