タグ付けされた質問 「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 …

298 reactjs  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 = () => { …

178 reactjs  eslint  create-react-app  react-hooks 

私が使用しています反応するアプリを作成し、したくありません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 

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=99Postmanを介してこのエンドポイントをヒットすると、戻りますJSON さらに、create-react-appを使用しており、サーバー構成の設定を避けたいと考えています。 クライアントコードでfetch同じことを実行しようとしていますが、エラーが発生します。 要求されたリソースに「Access-Control-Allow-Origin」ヘッダーがありません。したがって、オリジン ' http：// localhost：3000 'はアクセスを許可されていません。不透明な応答がニーズを満たす場合は、リクエストのモードを「no-cors」に設定して、CORSを無効にしてリソースをフェッチします。 したがって、次のようにCORSを無効にするFetchにオブジェクトを渡そうとしています。 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-appnpm環境でコマンドを実行しようとしたところ、問題はありませんでした。しかし、自分の作業環境で同じコマンドを試したところ、コマンドプロンプトでこのエラーが発生しました 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 reactappを使用してアプリをブートストラップしています。 ルートに2つの.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: "" } 私はさまざまなことを試しましたが、開発ファイルで検証可能なものを取得していません。何が間違っているのでしょうか。 ディレクトリ構造は次のとおりです。 /.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コマンドは何をしますか？start、build、testなど、他のコマンドの機能を理解しています。しかし、イジェクトについてはわかりません。

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（）行をコメントアウトしましたが、将来これを実行できるようにしたいと考えています。

101 reactjs  typescript  create-react-app  tslint 

次のコマンドを使用して、空のReactプロジェクトを作成しました：npx create-react-appon npmv7.0.7およびNodev15.0.1 インストール済み： 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": true, …

100 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" } 値を変更するとページが更新されますが、何も変更されません。

97 reactjs  manifest  create-react-app 

2週間触れなかったプロジェクトがあります。私はそれを取り戻し、今実行しようとするnpm startとこのエラーが発生しました。 > react-scripts start sh: react-scripts: command not found npm ERR! Darwin 16.0.0 npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "start" npm ERR! node v6.7.0 npm ERR! npm v3.10.3 npm ERR! file sh npm ERR! code ELIFECYCLE npm ERR! errno ENOENT npm ERR! syscall spawn npm ERR! UpScore@0.6.0 start: `react-scripts start` …

88 javascript  reactjs  create-react-app 

私はInternetExplorerでReact.jsアプリケーションをテストしてきましたが、ES6 / 7コードのようにArray.prototype.includes()壊れていることがわかりました。 私はcreate-react-appを使用していますが、誰もが必要としているわけではないため、多くのポリフィルを含めないことを選択したようです。また、ビルド時間が遅くなります（たとえば、こことここを参照）。ドキュメント（執筆時点）は次のことを示唆しています。 ランタイムサポートが必要な他のES6 +機能（Array.from（）やSymbolなど）を使用する場合は、適切なポリフィルを手動で含めるか、対象のブラウザーがすでにそれらをサポートしていることを確認してください。 だから... 「手動で」それらを含めるための最良の方法は何ですか？

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