react或npm问题:未找到模块:[CaseSensitivePathsPlugin]`... \ react.js`与磁盘上的相应路径`react`不匹配

时间:2017-10-20 03:15:58

标签: javascript reactjs npm es6-modules

我在反应项目上执行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 tutorial project

我是否更新了现有代码(可能是import语句)还是npm或反应问题?

由于 添

5 个答案:

答案 0 :(得分:4)

我遇到了同样的问题。

我替换了:
import React, {Component} from 'React',与:
import React, {Component} from 'react'

反应区分大小写,所以要小心并祝好运。

答案 1 :(得分:0)

您可能正在错误的文件夹中执行npm install / start。我会删除当前目录,并确保在以下位置运行安装:

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

然后

npm install
npm start

答案 2 :(得分:0)

对于此错误:

  

从'react'导入React;在index.js文件中。对于此错误:./~/react-scroll-pagination/dist/index.js中出错   找不到模块:[CaseSensitivePathsPlugin] C:\ Users \ timhu \ Dev \ MongoDbStitch \ PlateSpace \ Web \ node_modules \ jQuery \ dist \ jquery.jsdoes与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.jsdoes与diskjquery上的相应路径不匹配。

将代码替换为import Jquery from './jquery';

不要担心这个错误会显示通常是因为反应是区分大小写的。

答案 3 :(得分:0)

对于使用CRA遇到此问题的任何人,我都会收到此错误,并且不明白为什么。我的VS代码清楚地显示了正确命名的文件,因此我决定在终端中检入:

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

然后我实际上看到该文件实际上是小写的!

我通过终端重命名了文件,然后重新列出以确认:

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

这解决了我的问题,所以最后,我不确定为什么会这样,可能是因为在设置设置标志之前我的VS代码没有自动保存。

答案 4 :(得分:0)

解决了... 我还没有导入所有库。所以,我去了我的根文件夹并执行了。
    npm install
然后
    npm start