問題タブ [react-slingshot]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
npm - フロー チェックを react-slingshot に統合する
https://github.com/coryhouse/react-slingshotに基づくプロジェクトがあります
フローを npm 開始スクリプトに統合して、開始スクリプトを実行すると、コマンドを実行してフロー サーバーを開始し、flow
* flow
.js ファイルが変更されるたびにコマンドを 実行したいと考えています。
これらは、package.json のスクリプトです。
私はフローを独立して動作させています。ファイル ウォッチャーでフロー コマンドを実行する方法がわかりません。
これどうやってするの?
reactjs - 単純なコンポーネントをアプリに含めるときのエラー (react/redux)
https://github.com/coryhouse/react-slingshot/に基づくボイラープレートを用意しました。FuelSavings アプリを削除し、正常に動作するアプリに置き換えましたが、コンポーネントを作成しました。それをアプリの下に含めると、レンダリングが妨げられます (白いページが表示されます)。
<UserHeader />
タグを App.jsに追加すると、3 つのエラーが発生します。
- 「警告: React.createElement: type は null、undefined、boolean、または数値であってはなりません。文字列 (DOM 要素の場合) または ReactClass (複合コンポーネントの場合) である必要があります。 の render メソッドを確認してください
App
。」 - Uncaught Invariant Violation: 要素の型が無効です: 文字列 (組み込みコンポーネントの場合) またはクラス/関数 (複合コンポーネントの場合) が必要ですが、取得したのは未定義です。のレンダリング方法を確認してください
App
。 - キャッチされていない TypeError: 未定義のプロパティ 'props' を読み取れません
タグを削除するUserHeader
と、ページの残りの部分が問題なく読み込まれます。
src/コンポーネント/App.js
src/components/UserHeader.js
どんな考えでも大歓迎です。サーバー自体にはまったく問題はありません。小道具の検証が欠落しているという警告だけです。この問題は、コードのUserHeader
実行を妨げています。私は方法を知るのに十分な経験がありません!
javascript - サーバーサイドからの Meteor Slingshot のアップロード
すべてのチュートリアルでは、クライアント側からパチンコを使用してアップロードすることについて説明していますが、サーバー側からアップロードすることは可能ですか。
javascript - 実稼働 webpack ビルドが CSS ファイルを見つけられない
Webpack を使用してビルドする React および Redux プロジェクトがあり、初めて実稼働用にビルドしようとしています。私は自分のプロジェクトのために、このプロジェクト スケルトンから構築しました。私のindex.ejs
ファイル(テンプレートwebpackが構築するために使用する)には、次の行があります:
<link rel="stylesheet" type="text/css" href="/vendor/ui-toolkit/css/nm/main.min.css" media="all">
npm run build
結果の出力を実行して実行した後index.html
、コンソールに次のエラーが表示されます。
Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:3000/vendor/ui-toolkit/css/nm/main.min.css
このスタイルシート (および同じフォルダーにあるフォント) をビルドに含めるにはどうすればよいですか? コードは次のとおりです。
では、本番フォルダを生成するために実行package.json
するスクリプトがあることがわかります。npm run build
dist
パッケージ.json:
"build":
npm スクリプトが実行されます。babel-node tools/build.js
これは次のようになります。
build.js:
次に、webpack のconfig is being imported from
../webpack.config.prod` を確認できます。これがそのファイルです。
webpack.config.prod.js:
スタイルシートが見つからない理由はありますか? それをwebpackビルドに含めてリンクするにはどうすればよいですか?