Questions tagged «create-react-app»

当我create-react-app my-app在终端中键入命令时，它似乎可以正常工作-成功下载所有库，等等。但是，在该过程结束时，我收到一条消息，提示您template was not provided。 输入项 user@users-MacBook-Pro-2 Desktop% create-react-app my-app 输出量 Creating a new React app in /Users/user/Desktop/my-app. Installing packages. This might take a couple of minutes. Installing react, react-dom, and react-scripts... ..... nothing out of the ordinary here ..... ✨ Done in 27.28s. A template was not provided. This …

297 reactjs  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'); } 有什么建议？ -编辑 包括丹在回答中提到的要点 ➜ Client git:(feature/trivia-game-ui-2) ✗ ls -l public/static/fonts total 1168 -rwxr-xr-x@ 1 maximveksler staff 62676 Mar 17 2014 MYRIADPRO-BOLD.woff -rwxr-xr-x@ 1 maximveksler staff 61500 Mar 17 2014 …

177 css  reactjs  fonts  webpack  create-react-app 

使用React 16.8.6（在以前的版本16.8.3中很好），当我尝试防止在获取请求上发生无限循环时，出现此错误 ./src/components/BusinessesList.js Line 51: React Hook useEffect has a missing dependency: 'fetchBusinesses'. Either include it or remove the dependency array react-hooks/exhaustive-deps 我一直找不到停止无限循环的解决方案。我想远离使用useReducer()。我确实在https://github.com/facebook/react/issues/14920找到了这个讨论，在这里可能的解决方案是You can always // eslint-disable-next-line react-hooks/exhaustive-deps if you think you know what you're doing.我不确定自己在做什么，所以我还没有尝试实现它。 我有这个当前设置，React钩子useEffect永远/无限循环连续运行，唯一的注释是useCallback()我不熟悉的。 我目前的使用方式useEffect()（类似于，我一开始只想运行一次componentDidMount()） useEffect(() => { fetchBusinesses(); }, []); const fetchBusinesses = () => { …

174 reactjs  eslint  create-react-app  react-hooks 

我使用该create-react-app软件包创建了一个ReactJS项目，该项目运行良好，但找不到Webpack文件和配置。 react-create-app如何与webpack一起使用？默认情况下，使用以下命令安装的webpack配置文件在哪里create-react-app？我在项目的文件夹中找不到配置文件。 我尚未创建替代配置文件。我可以与其他文章一起管理配置设置，但是我想找到常规的配置文件。

172 javascript  reactjs  webpack  ecmascript-6  create-react-app 

我可以http://catfacts-api.appspot.com/api/facts?number=99通过邮递员到达终点，然后返回JSON 另外，我正在使用create-react-app，并希望避免设置任何服务器配置。 在我的客户端代码中，我试图用来fetch做同样的事情，但是出现错误： 所请求的资源上没有“ Access-Control-Allow-Origin”标头。因此，不允许访问源' http：// localhost：3000 '。如果不透明的响应满足您的需求，请将请求的模式设置为“ no-cors”，以在禁用CORS的情况下获取资源。 所以我试图将一个对象传递到我的Fetch中，这将禁用CORS，如下所示： fetch('http://catfacts-api.appspot.com/api/facts?number=99', { mode: 'no-cors'}) .then(blob => blob.json()) .then(data => { console.table(data); return data; }) .catch(e => { console.log(e); return e; }); 有趣的是，我得到的错误实际上是此函数的语法错误。我不确定我的实际值fetch是否已损坏，因为当我删除{mode：'no-cors'}对象，并为其提供不同的URL时，它就可以正常工作。 我也尝试传递对象{ mode: 'opaque'}，但这会从上面返回原始错误。 我相信我所需要做的就是禁用CORS。我想念什么？

166 javascript  reactjs  cors  create-react-app  fetch-api 

我正在使用create-react-app。我正在尝试从文件夹中的文件中调用公用文件夹中的图片src/components。我收到此错误消息。 ./src/components/website_index.js找不到模块：您试图导入属于项目src /目录之外的../../public/images/logo/WC-BlackonWhite.jpg。不支持src /以外的相对导入。您可以将其移动到src /中，也可以从项目的node_modules /中向其添加符号链接。 import logo from '../../public/images/logo_2016.png'; <img className="Header-logo" src={logo} alt="Logo" /> 我读过很多东西，说您可以导入路径，但对我来说仍然行不通。任何帮助将不胜感激。我知道有很多这样的问题，但是它们都告诉我要导入徽标或图像，因此很明显我在全局图中缺少某些内容。

149 javascript  reactjs  webpack  create-react-app 

我正在与之合作create-react-app，遇到了这个问题Home does not contain an export named Home。 这是我设置App.js文件的方式： import React, { Component } from 'react'; import logo from './logo.svg'; import './App.css'; import { Home } from './layouts/Home' class App extends Component { render() { return ( <div className="App"> Hello <Home /> </div> ) } } export default App; 现在在我的layouts文件夹中有Home.js文件。如下所示进行设置。 …

123 javascript  reactjs  ecmascript-6  create-react-app 

我正在尝试创建反应应用程序的所有方法。我已经尝试过maven，现在我正在尝试使用来自Facebook Incubators的crate-react-app构建系统。 当我尝试create-react-app my-app在npm环境中运行该命令时，它在我的个人系统上正常工作。但是，当我在工作环境中尝试相同的命令时，在命令提示符下遇到此错误 npm ERR! node v6.10.2 npm ERR! npm v3.10.10 npm ERR! code UNABLE_TO_GET_ISSUER_CERT_LOCALLY npm ERR! unable to get local issuer certificate npm ERR! npm ERR! If you need help, you may report this error at: npm ERR! <https://github.com/npm/npm/issues>

117 node.js  reactjs  npm  create-react-app 

我正在使用create react app引导我的应用程序。 我已经添加了两个.env文件.env.development，并.env.production在根。 我的.env.development包括： API_URL=http://localhost:3000/api CALLBACK_URL=http://localhost:3005/callback 当我使用来运行我的应用程序react-scripts start并退出时，process.env它会吐出来 { NODE_ENV: "development", PUBLIC_URL: "" } 我尝试了不同的方法，但只是没有在开发文件中使用Veriable，我在做什么错？！ 指令结构为： /.env.development /src/index.js Package.json脚本是： "start": "export PORT=3005; npm-run-all --parallel server:start client:start", "client:start": "export PORT=3005; react-scripts start", "server:start": "node server.js", "build": "react-scripts build", 编辑： @jamcreencia正确地指出我的变量应该前缀用REACT_APP。 编辑2 如果我为文件命名，则可以，.env但是如果我使用.env.development或.end.production

117 reactjs  create-react-app 

该npm run eject命令做什么？我确实了解其他命令的功能，例如启动，构建，测试。但是不知道弹出。

105 reactjs  webpack  create-react-app  react-scripts 

我刚开始使用带有typescript的create-react-app create-react-app my-app --scripts-version=react-scripts-ts 并且默认的tslint.json配置不允许console.log（）。 我如何（暂时）启用console.log？ 此文档位于 https://palantir.github.io/tslint/rules/no-console/。但是他们没有说要把这行放在哪里： "no-console": [true, "log", "error"] 我搜索并找到了tslint.json配置文件语法，所以我尝试了以下操作： "rules": { "no-console": [true, "warning"] } 试图获取只是警告的日志消息。但这没有用。 我已经注释掉了我拥有的少量console.log（）行，但希望将来能够做到这一点。

102 reactjs  typescript  create-react-app  tslint 

我已经npx create-react-app在npm v7.0.7和Node v15.0.1上使用命令创建了空白的React项目 已安装： React v17.0.1， node-sass v5.0.0， 然后，我尝试将空白.scss文件导入到App组件中： App.js import './App.scss' function App() { return ( <div className="App"> App </div> ); } export default App; 引发错误： Failed to compile. ./src/App.scss (./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/s ass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/App.scss) Error: Node Sass version 5.0.0 is incompatible with ^4.0.0. package.json { "name": "react-17-node-sass-5", "version": "0.1.0", "private": …

91 reactjs  webpack  create-react-app  node-sass  sass-loader 

我知道chrome扩展使用'manifest.json`，但是在这里，它也被用作其他东西。 内容- { "short_name": "React App", "name": "Create React App Sample", "icons": [ { "src": "favicon.ico", "sizes": "192x192", "type": "image/png" } ], "start_url": "./index.html", "display": "standalone", "theme_color": "#000000", "background_color": "#ffffff" } 当我更改某些值时，页面会更新，但没有任何变化。

91 reactjs  manifest  create-react-app 

我一直在Internet Explorer上测试我的React.js应用程序，发现有些ES6 / 7代码Array.prototype.includes()会破坏它。 我正在使用create-react-app，并且显然它们选择不包含很多polyfill，因为并不是每个人都需要它们，并且它们会减慢构建时间（请参见此处和此处的示例）。该文档（在撰写本文时）建议： 如果您使用任何其他需要运行时支持的ES6 +功能（例如Array.from（）或Symbol），请确保手动包括适当的polyfill，或者要使用的浏览器已经支持它们。 那么... “手动”包括它们的最佳方法是什么？

87 javascript  reactjs  ecmascript-6  create-react-app  ecmascript-7 

OP EDIT：如果其他人遇到此问题：该应用程序是使用create-react-app创建的，它将导入限制在src文件夹内。但是，如果将react-scripts升级到v1.0.11，则可以访问package.json。 我正在尝试从我的应用程序中的package.json获取版本号。 我已经尝试过这些建议，但是它们都没有起作用，因为我无法从src文件夹之外访问package.json（可能是由于React，我是新来的）。移动的package.json到SRC那么意味着我不能跑npm install，npm version minor和npm run build从我的根文件夹。我试过使用，process.env.npm_package_version但是导致未定义。 我正在使用Jenkins，但还没有设置它来推动提交，但是我唯一的想法是从GitLab中的标签获取版本，但是我不知道如何做到这一点，它会给仓库增加不必要的依赖性，所以我真的很想找到一个替代方案。 编辑：我的文件结构是这样的： --> RootAppFolder |--> build |--> node_modules |--> public |--> src |--> Components |--> Root.js | |--> package.json 因此，要从Root.js访问package.json，我将import packageJson from './../../package.json'得到以下错误： ./src/components/Root.js 找不到模块：您试图导入./../../package.json，它不在项目src /目录下。不支持src /以外的相对导入。您可以将其移动到src /中，也可以从项目的node_modules /中向其添加符号链接。

86 node.js  reactjs  npm  react-redux  create-react-app