問題タブ [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.
reactjs - 「開始」時にtsconfig.jsonを上書きしないようにreact-scriptを構成する方法
私は現在create-react-app
、自分のプロジェクトの 1 つをブートストラップするために使用しています。基本的に、create-react-app によって生成されたデフォルトの tsconfig.json にこれらを追加して、tsconfig.json にパスを設定しようとしています。
yarn start
ただし、基本的に実行する を実行するたびにreact-scripts start
、変更が削除され、デフォルトの構成が再度生成されます。
カスタム構成を使用するように create-react-app に指示するにはどうすればよいですか?
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 ステートメントを変更しようとしましたが、別のエラーが発生したため、インポートされたファイルを検索しているようです。
これを実行する方法についてのアイデアはありますか?
javascript - 「npm run start」を実行すると、npm react-scripts が構文エラーを生成するのはなぜですか?
そのため、私はここ数か月、フルスタックの React アプリに取り組んできました。何らかの理由で、どこからともなくnpm run start
、コマンドラインで実行しようとすると、次のエラーが発生しました。
次のアプローチを試しました。
- ノードのアンインストール/再インストール
- npmのアンインストール/再インストール
- ノードと npm がバージョン 6 以降であることを確認する
- 削除
node_modules
とpackage-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 を使用して構文エラーを識別しましたが、何も見つかりませんでした。
したがって、私の質問は次のとおりです。このあいまいなエラーを解決するにはどうすればよいですか?