错误：路径与磁盘上的相应路径不匹配

Question

我在浏览器和终端中收到错误，找不到模块

\n\n

找不到模块：E:\\example\\src\\css\\Login.css与磁盘上相应的路径不匹配login.css。

\n\n

导入 css 是否有问题，或者应该安装任何模块。

\n\n

这是我的 login.js 文件夹。\n

\r\n

\r\n

import React, { Component } from \'react\';\r\nimport {Link} from \'react-router-dom\';\r\nimport { STATUS_CODES } from \'http\';\r\nimport styles from \'../css/Login.css\';\r\n\r\nvar modal = document.getElementById(\'id01\');\r\nwindow.onclick = function(event) {\r\n    if (event.target == modal) {\r\n        modal.style.display = "none";\r\n    }\r\n}\r\n\r\nclass login extends Component {\r\n  render() {\r\n    return (\r\n      <div>\r\n        <h2>Modal Login Form</h2>\r\n        <button onclick="document.getElementById(\'id01\').style.display=\'block\'" style={{width: \'auto\'}}>Login</button>\r\n        <div id="id01" className="modal">\r\n          <form className="modal-content animate" action="/action_page.php">\r\n            <div className="imgcontainer">\r\n              <span onclick="document.getElementById(\'id01\').style.display=\'none\'" className="close" title="Close Modal">\xc3\x97</span>\r\n              <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQQJR6BqqLi6y004j182y-DQqexGNssQn5AHlZ7DUBXpYQe3H7P" alt="Avatar" className="avatar" />\r\n            </div>\r\n            <div className="container">\r\n              <label htmlFor="uname"><b>Username</b></label>\r\n              <input type="text" placeholder="Enter Username" name="uname" required />\r\n              <label htmlFor="psw"><b>Password</b></label>\r\n              <input type="password" placeholder="Enter Password" name="psw" required />\r\n              <button type="submit">Login</button>\r\n              <div style={{display: \'flex\', justifyContent: \'space-between\'}}>\r\n                <label className>\r\n                  <input type="checkbox" defaultChecked="checked" name="remember" /> Remember me\r\n                </label>\r\n                <p className="psw">Forgot <a href="#">password?</a></p>\r\n              </div>\r\n            </div>\r\n            <div className="container pswp" style={{backgroundColor: \'white\'}}>\r\n            </div>\r\n          </form>\r\n        </div>\r\n      </div>\r\n    )\r\n  }\r\n}\r\n\r\nexport default login;

\r\n

\r\n

\r\n

\n\n

这是我的 package.json 文件夹\n

\r\n

\r\n

{\r\n  "name": "example",\r\n  "version": "0.1.0",\r\n  "private": true,\r\n  "dependencies": {\r\n    "babel-loader": "^7.1.5",\r\n    "file-loader": "^1.1.11",\r\n    "react": "^16.4.1",\r\n    "react-dom": "^16.4.1",\r\n    "react-router-dom": "^4.3.1",\r\n    "express": "^4.16.2",\r\n    "express-fileupload": "^0.4.0",\r\n    "jquery": "^3.3.1",\r\n    "body-parser": "^1.18.2",\r\n    "react-scripts": "1.1.4"\r\n  },\r\n  "scripts": {\r\n    "start": "react-scripts start",\r\n    "build": "react-scripts build",\r\n    "test": "react-scripts test --env=jsdom",\r\n    "eject": "react-scripts eject"\r\n  }\r\n}

\r\n

\r\n

\r\n

\n\n

\n\n

谁能帮我解决这个错误

\n\n

谢谢

\n

Answer 1

尝试替换文件中的Login.cssto 。login.csslogin.js