問題タブ [react-scripts]

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.

0 投票する
9 に答える
40796 参照

reactjs - 「開始」時にtsconfig.jsonを上書きしないようにreact-scriptを構成する方法

私は現在create-react-app、自分のプロジェクトの 1 つをブートストラップするために使用しています。基本的に、create-react-app によって生成されたデフォルトの tsconfig.json にこれらを追加して、tsconfig.json にパスを設定しようとしています。

yarn startただし、基本的に実行する を実行するたびにreact-scripts start、変更が削除され、デフォルトの構成が再度生成されます。

カスタム構成を使用するように create-react-app に指示するにはどうすればよいですか?

0 投票する
1 に答える
1334 参照

javascript - Javascript コードは、Typescript ファイルからインポートするときに、react-scripts ビルドで「試行されたインポート エラー:」を取得します。

react-scripts V2.1.3 でエラーが発生します。V1.x からこれに移行したばかりです。これはすべて、react-scripts のアップグレード前はうまく機能していました。

ソース ファイル (metadataAccess、エクスポートを行う) は typescript であり、次のコードがあります。

const を参照するファイルは、次のように Javascript です。

エラーは次のとおりです。

このエラー (上記) を修正すると、別の const で同じ問題が発生します。悲しいことに、エラーは一度に 1 つずつ報告されます。エクスポートされた列挙型でも取得します。すべてTypescriptファイルから。参照ファイルの拡張子を (.jsx から) .tsx に変更しましたが、違いはありません。

Typescript コンパイル、webpack、babel のソース コードで「Attempted import」という文字列を検索しましたが、何も見つからなかったため、どのコードがこのエラーを引き起こしているのかさえわかりません。

また、インポートステートメントのファイル名に「.js」を追加しようとしましたが、(生成された) Javascript ファイルには次の行があります。

同じ結果が得られます。存在しないファイルを参照するように import ステートメントを変更しようとしましたが、別のエラーが発生したため、インポートされたファイルを検索しているようです。

これを実行する方法についてのアイデアはありますか?

0 投票する
1 に答える
6135 参照

javascript - 「npm run start」を実行すると、npm react-scripts が構文エラーを生成するのはなぜですか?

そのため、私はここ数か月、フルスタックの React アプリに取り組んできました。何らかの理由で、どこからともなくnpm run start、コマンドラインで実行しようとすると、次のエラーが発生しました。

次のアプローチを試しました。

  • ノードのアンインストール/再インストール
  • npmのアンインストール/再インストール
  • ノードと npm がバージョン 6 以降であることを確認する
  • 削除node_modulespackage-lock.json再実行npm-i
  • 反応スクリプトのアンインストール/再インストール
  • 反応スクリプトのダウングレード
  • ランニングnpm install --save react react-dom react-scripts
  • react-dev-utils のアンインストール/再インストール

構文エラーを解決するために、 react-dev-utilsWebpackDevServerUtils.jsのGitHub ホームページのコンテンツをローカルにコピー/貼り付けることさえ試みました。node_modules/react-dev-utils/WebpackDevServerUtils.js

なぜこれが起こっているのか分かりません。以下は、この実行のログです。

WebpackDevServerUtils.js の 166 行目を見て、ESLint を使用して構文エラーを識別しましたが、何も見つかりませんでした。

したがって、私の質問は次のとおりです。このあいまいなエラーを解決するにはどうすればよいですか?