web-dev-qa-db-ja.com

reactまたはnpmの問題：モジュールが見つかりません：[CaseSensitivePathsPlugin] `... \ react.js`がディスク` react`の対応するパスと一致しません

反応プロジェクトでnpm startコマンドを実行すると、次のエラーが発生します。

Failed to compile.

Error in ./~/react-scroll-pagination/dist/index.js
Module not found: [CaseSensitivePathsPlugin] `C:\Users\timhu\Dev\MongoDbStitch\PlateSpace\Web\node_modules\React\react.js` does not match the corresponding path on disk `react`.

 @ ./~/react-scroll-pagination/dist/index.js 3:27-43

Error in ./~/react-scroll-pagination/dist/index.js
Module not found: [CaseSensitivePathsPlugin] `C:\Users\timhu\Dev\MongoDbStitch\PlateSpace\Web\node_modules\jQuery\dist\jquery.js` does not match the corresponding path on disk `jquery`.

 @ ./~/react-scroll-pagination/dist/index.js 3:45-62

私は反応するのは初めてですが、npm installがすべて小文字のフォルダー名でnode_modulesフォルダーにモジュールを追加するというパスの問題であることがわかりますが、コンパイラーは大文字と小文字が混在するフォルダー名に解決されます。

これを修正するにはどうすればよいですか？コードは MongoDb Stitch PlateSpaceチュートリアルプロジェクト からのものです

既存のコード（おそらくimportステートメント）を更新しましたか、それともnpmまたはreactの問題ですか？

ありがとうティム

javascriptreactjsnpmes6-modules
4
The Huff

私は同じ問題に遭遇します。

交換しました：
import React, {Component} from 'React'、with：
import React, {Component} from 'react'。

Reactでは大文字と小文字が区別されるため、注意して頑張ってください。

8
Changyuan Chen

解決しました...すべてのライブラリをインポートしていません。それで、私は自分のルートフォルダに行って実行しました。
npm install
それから
npm start

0
Tomás

このエラーの場合：

import React from'react '; in your index.js file。このエラーの場合：./〜/ react-scroll-pagination/dist/index.jsのエラーモジュールが見つかりません：[CaseSensitivePathsPlugin ] C：\ Users\timhu\Dev\MongoDbStitch\PlateSpace\Web\node_modules\jQuery\dist\jquery.jsがdiskjqueryの対応するパスと一致しません。

index.jsファイルのこのコードimport React from 'react';を置き換えます。

このエラーの場合：

./~/react-scroll-pagination/dist/index.jsのエラーモジュールが見つかりません：[CaseSensitivePathsPlugin] C：\ Users\timhu\Dev\MongoDbStitch\PlateSpace\Web\node_modules\jQuery\dist\jquery.jsが一致しませんdiskjqueryの対応するパス。

コードをimport Jquery from './jquery'に置き換えます。

Reactは大文字と小文字を区別するため、このエラーがかなり一般的に表示されることを心配しないでください。

0
venky royal

間違ったフォルダ内でnpminstall/startを実行している可能性があります。現在のディレクトリを削除し、次の場所でインストールを実行してください。

cd /stitch-examples/helloworld/react-example/

その後

npm install
npm start
0
kfroemming

CRAを使用しているこの問題に直面している人にとって、私はこのエラーを受け取り、その理由を理解していませんでした。私のVSCodeは、正しい名前のファイルを明確に示していたので、ターミナルにチェックインすることにしました。

ls -la [path/to/file/location]

次に、ファイルが実際には小文字であることが実際にわかりました。

ターミナルを介してファイルの名前を変更し、確認のために再リストしました。

mv src/create_page/createPage.jsx src/create_page/CreateDashboard.jsx
ls -la [path/to/file/location]

これで問題が修正されたので、最後に、なぜこれが発生したのかわかりません。おそらく、設定フラグを設定する前にVSCodeが自動保存されていなかったためです。

0
thehme