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:
* E:\graduationproject\myapp\node_modules\[email protected]@css-loader\index.js??ref--6-1!E:\graduationproject\myapp\node_modules\[email protected]@sass-loader\lib\loader.js!E:\graduationproject\myapp\pages\Reg\index.scss
Used by 1 module(s), i. e.
E:\graduationproject\myapp\node_modules\[email protected]@style-loader\index.js!E:\graduationproject\myapp\node_modules\[email protected]@css-loader\index.js??ref--6-1!E:\graduationproject\myapp\node_modules\[email protected]@sass-loader\lib\loader.js!E:\graduationproject\myapp\pages\Reg\index.scss
* E:\graduationproject\myapp\node_modules\[email protected]@css-loader\index.js??ref--6-1!E:\graduationproject\myapp\node_modules\[email protected]@sass-loader\lib\loader.js!E:\graduationproject\myapp\pages\reg\index.scss
Used by 1 module(s), i. e.
E:\graduationproject\myapp\node_modules\[email protected]@style-loader\index.js!E:\graduationproject\myapp\node_modules\[email protected]@css-loader\index.js??ref--6-1!E:\graduationproject\myapp\node_modules\[email protected]@sass-loader\lib\loader.js!E:\graduationproject\myapp\pages\reg\index.scss
warnings @ client:147
onmessage @ socket.js:41
EventTarget.dispatchEvent @ sockjs.js:170
(anonymous) @ sockjs.js:883
SockJS._transportMessage @ sockjs.js:881
EventEmitter.emit @ sockjs.js:86
WebSocketTransport.ws.onmessage @ sockjs.js:2957
client:147 ./pages/Reg/index.scss
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:
* E:\graduationproject\myapp\node_modules\[email protected]@style-loader\index.js!E:\graduationproject\myapp\node_modules\[email protected]@css-loader\index.js??ref--6-1!E:\graduationproject\myapp\node_modules\[email protected]@sass-loader\lib\loader.js!E:\graduationproject\myapp\pages\Reg\index.scss
Used by 1 module(s), i. e.
E:\graduationproject\myapp\node_modules\[email protected]@babel-loader\lib\index.js??ref--4!E:\graduationproject\myapp\pages\Reg\Reg.jsx
* E:\graduationproject\myapp\node_modules\[email protected]@style-loader\index.js!E:\graduationproject\myapp\node_modules\[email protected]@css-loader\index.js??ref--6-1!E:\graduationproject\myapp\node_modules\[email protected]@sass-loader\lib\loader.js!E:\graduationproject\myapp\pages\reg\index.scss
Used by 1 module(s), i. e.
E:\graduationproject\myapp\node_modules\[email protected]@babel-loader\lib\index.js??ref--4!E:\graduationproject\myapp\components\reg\Header.jsx
這是在引用組件時,路徑大小寫不對導致的。
目錄名是reg,如果寫成了Reg,就會報以上的錯誤。
import Reg from './pages/Reg/Reg.jsx';
應該這樣寫:
import Reg from './pages/reg/Reg.jsx';