Multiple modules with names that only differ in casing in Popper module.

[mlyngvo]

In material-ui/Popper.js, maybe considering using a different approach on importing the popper.js to Popper component. My webpack compiler reports it as follow:

WARNING in ./node_modules/@material-ui/core/Popper/Popper.js
There are multiple modules with names that only differ in casing.
This can lead to unexpected behavior when compiling on a filesystem with other case-semantic.
Use equal casing. Compare these module identifiers:
* /Users/iohl/Documents/Workspace/Public/VARIOLOGIC/sysops_pool/node_modules/@material-ui/core/Popper/Popper.js
    Used by 1 module(s), i. e.
    /Users/iohl/Documents/Workspace/Public/VARIOLOGIC/sysops_pool/node_modules/@material-ui/core/Popper/index.js
* /Users/iohl/Documents/Workspace/Public/VARIOLOGIC/sysops_pool/node_modules/@material-ui/core/Popper/popper.js
    Used by 2 module(s), i. e.
    /Users/iohl/Documents/Workspace/Public/VARIOLOGIC/sysops_pool/node_modules/@material-ui/core/Popper/Popper.js
...

Solution

A temporally fix for this issue is to use either an absolute or relative path that point directly to popper.js file when require the library.

See #14711 (comment)

[oliviertassinari]

@iohl What version of Material-UI are you using? The unpkg archive looks clean: https://unpkg.com/@material-ui/core@3.9.2/Popper/. Any idea how we can reproduce the problem?

[mlyngvo]

I think it's a duplicate of #11281. So we can close this issue.

[hatton]

I am having this problem with@material-ui/core": "^4.0.0-beta.2" and webpack 4.31.0.

WARNING in ./node_modules/@material-ui/core/esm/Popper/Popper.js
There are multiple modules with names that only differ in casing.
This can lead to unexpected behavior when compiling on a filesystem with other case-semantic.
Use equal casing. Compare these module identifiers:
* C:\dev\b46\src\BloomBrowserUI\node_modules\@material-ui\core\esm\Popper\Popper.js
    Used by 2 module(s), i. e.
    C:\dev\b46\src\BloomBrowserUI\node_modules\@material-ui\core\esm\Popper\index.js
* C:\dev\b46\src\BloomBrowserUI\node_modules\@material-ui\core\esm\Popper\popper.js
    Used by 4 module(s), i. e.
    C:\dev\b46\src\BloomBrowserUI\node_modules\@material-ui\core\esm\Popper\Popper.js

[oliviertassinari]

@hatton How can we reproduce it?

[hatton]

Olivier thanks for looking into this.

How can we reproduce it?

Well, if it is somehow related to having a large-ish bundle sizes as IoHL seemed to imply, you could build the project I'm working on. I have tested this only on windows, but with both Cmd and Bash shells.

git clone -b newPublishScreens  https://github.com/hatton/BloomDesktop.git
cd BloomDesktop/src/BloomBrowserUI

(requires node 10.15.3)

yarn
yarn webpack

[joshwooding]

I can't reproduce it on PowerShell or GitBash. (Windows 10)

[hatton]

Edit: Sorry, getting sloppy... I need to come back to this next week.

[mayacode]

I have exactly the same.

WARNING in ./node_modules/@material-ui/core/Popper/Popper.js
There are multiple modules with names that only differ in casing.
This can lead to unexpected behavior when compiling on a filesystem with other case-semantic.
Use equal casing. Compare these module identifiers:
* node_modules/@material-ui/core/Popper/Popper.js
    Used by 1 module(s), i. e.
    node_modules/@material-ui/core/Popper/index.js
* node_modules/@material-ui/core/Popper/popper.js
    Used by 2 module(s), i. e.
    node_modules/@material-ui/core/Popper/Popper.js

The problem exists on OSes for which file names are case insensitive like macos.

[mationai]

Still seeing the issue after rm -rf node_modules/@material-ui/core and npm i @material-ui/core@4.6.0 :

There are multiple modules with names that only differ in casing.
This can lead to unexpected behavior when compiling on a filesystem with other case-semantic.
Use equal casing. Compare these module identifiers:
* /path/node_modules/@material-ui/core/esm/Popper/Popper.js
    Used by 2 module(s), i. e.
    /path/node_modules/@material-ui/core/esm/Popper/index.js
* /path/node_modules/@material-ui/core/esm/Popper/popper.js
    Used by 4 module(s), i. e.
    /path/node_modules/@material-ui/core/esm/Popper/Popper.js

OS: mac