Javascript 未找到模块：您试图导入项目src/目录之外的模块。不支持src/之外的相对导入

我刚开始做React JS，但我有一个问题，尽管我的研究没有结果，我尝试了很多方法，但我没有能够解决这个问题。你能帮我吗

这就是我在终点站遇到的错误

./src/App.css (./node_modules/react-scripts/node_modules/css-loader/dist/cjs.js??ref--5-oneOf-4-1!./node_modules/postcss-loader/src??postcss!./src/App.css)Module not found: You attempted to import ../public/images/img-8.jpg which falls outside of the project src/ directory. Relative imports outside of src/ are not supported.

• 节点版本：v12.18.3
• Npm版本：6.14.8

---

我的文件结构

- node_modules
 - public
     * images
          * img-2.jpg
     * videos

 - src
    * App.js
    * App.css
    * index.js
    * setupTest.js

background-image: url('/public/images/img-2.jpg');

---

我试图在css文件中导入的图片

- node_modules
 - public
     * images
          * img-2.jpg
     * videos

 - src
    * App.js
    * App.css
    * index.js
    * setupTest.js

background-image: url('/public/images/img-2.jpg');

App.js

import React from "react";
import "./App.css";
import Navbar from "./components/Navbar";
import { BrowserRouter as Router,Switch, Route } from "react-router-dom";

function App() {

  return (
   <Router>
     <Navbar></Navbar>
     <Switch>
       <Route path="/" exact />
     </Switch>
   </Router>
  );
}

export default App;

---

您应该使用

/images/img-2.jpg/

来引用该文件夹。原因是您正在使用

create react app

创建此react app。捆绑时，应用程序将位于

public

文件夹中。阅读这篇文章，其中提到了同样的问题