TypeError [ERR_INVALID_ARG_TYPE]：「path」引数は文字列型でなければなりません。反応型アプリの開始時に発生した未定義の受信型

92

私はReactでプロジェクトに取り組んでいて、困った問題に遭遇しました。

実行するたびにyarn start次のエラーが発生します。

TypeError [ERR_INVALID_ARG_TYPE]：「パス」引数は文字列型でなければなりません。未定義の受信タイプ

なぜこれが起こっているのか私にはわかりません。誰かがこれを経験したことがあれば、感謝します。

— フレデリック・バレット
ソース

ノードモジュールを削除して再インストールしてください。

— Astrit Spanca

177

この問題を修正するには、単ににアップグレードします "react-scripts": "^3.4.0"

package.jsonの既存のもの"react-scripts": "^3.x.x"を上書き"react-scripts": "^3.4.0"します
ノードモジュールを削除する
npm installまたはyarn installを実行します

早く修正できるといいのですが

— EngrEric
ソース

11

この同じ問題を解決するために、過去24時間髪を抜いています。この解決策は私にとって完璧に機能します。どうもありがとうございます。

— Rapid537

4

npmは糞のような山積みです

— Magicode

8

からに実際にアップグレードすると、私の問題は解決し3.3.0ました3.4.0。奇妙なことに、開発の途中で、理由もなく動作が停止するだけです。

— 抽象アルゴリズム

3

なぜこれが起こっているのか知っていますか？

— Ilyas karim

10

この「始まったばかり」は私にも起こりましたが、npm audit fix誰にとっても便利なように、それは実際に実行した後でした。

— Jeremy Jones

19

私もこの問題に直面し、react-scriptsパッケージをから"react-scripts": "3.x.x"にアップグレードすることでそれを理解しました"react-scripts": "^3.4.0"

node_modules\フォルダを削除
package-lock.jsonファイルを削除
package.jsonファイルをから"react-scripts": "3.x.x"に書き換えます"react-scripts": "^3.4.0"
ノードパッケージを再インストールする npm i
さあ、プロジェクトを始めましょう npm start

そしてそれはうまくいきます！

— ファテマ・T・ズホラ
ソース

7

これを排除したreact-scriptsため、package.jsonエントリをアップグレードしてこれを修正することはできませんでした。

代わりに、私たちはこれを行いました：1.）新しいディレクトリで、新しいプロジェクトを作成します-> $> npx create-react-app foo-project 2.）そして、それを取り出します->cd ./foo-project && npm run eject 3.）、ファイルを/ foo-project / configからメインのconfigディレクトリにコピーしますアプリと開発サーバーを起動

これが同様のバインドで他の人を助けることを願っています。

— アルデルカ
ソース

6

いくつかのnpmパッケージをインストールして削除した後でこの問題が発生し、何が起こっているのかを把握するのに5時間近く費やしました。

私がやったことは、基本的にはsrc / componentsを別のディレクトリにコピーしてから、すべてのノードモジュールとpackage-lock.jsonを削除することです（Dockerコンテナーでアプリを実行している場合は、イメージを削除し、安全のために再構築します）。それを私の最後のコミットにリセットしてから、src / componentsを元に戻し、実行しましたnpm i。

お役に立てば幸いです。

— ソリヨン・シャリポフ
ソース

2

あなたに行くpackage.json
依存関係の "react-scripts"： "3.xx"を "react-scripts"： "^ 3.4.0"に変更します
反応スクリプトを再インストールします。 npm I react-scripts
プロジェクトを開始します。 npm start

— エデボ
ソース

1

実行するとnpm i react-dev-utils@10.0.0問題が解決しました。

— アルバートsh
ソース

私は以前のすべてをしました、そして、これはそれを修正します。

— NicoWheat

0

排出された 場合は、次のことをおcreate-react-app勧めします。

新しいReactアプリを作成する create-react-app。
npm run ejectまたはから排出しますyarn ejectます。
から欠落しているすべてのパッケージをインストールします package.json。
srcをコピーするすべてのコードがこのフォルダーにあると想定してフォルダーをます。
必要に応じて、configおよびscriptフォルダーで変更をやり直します。

私のために働いた。

— ジオアンジェロプロス
ソース

0

上記のさまざまな方法を試しましたが、CSS を取り出したため、どれも機能しませんでした。最後に次の手順を適用すると役立ちました。

react-scriptsから"react-scripts": "3.x.x"にアップグレード"react-scripts": "^3.4.0"
react-dev-utilsフォーム"react-dev-utils": "^10.x.x"をにダウングレードしています"react-dev-utils": "10.0.0"
node-modulesフォルダを削除してpackage-lock.json/yarn.lock
パッケージを再インストールするnpm install/yarn install

— ビノド・カフレ
ソース

0

イジェクトして興味がある場合は、CRAリポジトリのこの変更がエラーの原因です。

それを修正するには、それらの変更を適用する必要があります。つまり、最後のファイルセット：

packages / react-scripts / config / paths.js
packages / react-scripts / config / webpack.config.js
packages / react-scripts / config / webpackDevServer.config.js
packages / react-scripts / package.json
packages / react-scripts / scripts / build.js
packages / react-scripts / scripts / start.js

個人的には、変更を手動で適用する必要があると思います。すべての変更を最新の状態に保っていないと、（依存関係の不一致などのため）Webpackバンドルに別のバグが発生する可能性があるからです。

または、ジオアンジェロプロスが提案したことを実行できます。しばらく時間がかかるかもしれませんが、少なくともあなたのプロジェクトはCRAリポジトリと同期しています（そして、すべての最新の機能強化を入手できます！）。

— jpz95
ソース