Reactjs 新建的create react应用程序未能编译sass

我的react项目有问题，因此我刚刚制作了一个新的react应用程序，并更新了我的package.json中的所有包。但是，更新的react版本、react依赖项或节点sass都不允许编译项目。它安装时没有任何漏洞，这是很好的，但sass编译器不想玩球

文件夹结构如下

--src
  --api
  --assets
    --fonts
    --images
  --components
  --pages
  --scss
    --_variables.scss
    --_media.scss
    --_mavigation.scss
  --App.scss
  --App.js
  --index.js

每当我在css中引用背景图像时，我似乎无法找到正确的工作路径，尽管在旧版本的reactjs中使用相同的路径

我得到以下错误

Failed to compile.

    ./src/App.scss (./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-5-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--6-oneOf-5-3!./node_modules/sass-loader/dist/cjs.js??ref--6-oneOf-5-4!./src/App.scss)
    Module not found: Can't resolve './scss/assets/images/camera.png' in 'xxxproject/src'

这是错误的css如下

background-image: url('./assets/images/camera.png');

有人有什么想法吗？

问题是

背景url类似于

'./assets/images/camera.png'

节点sass尝试在处解析它

'./scss/assets/images/camera.png'' ///scss causing problem 

解决方案：在背景图像中使用../

 background-image: url('../assets/images/camera.png'); // as per your folder structur

---

你的camera.png图像是否在images文件夹中？是的，文件肯定在那里，你可以在错误消息中看到，尽管它试图在scss文件夹中查找旧的资产“无法解析”。/scss/assets/images/camera.png“你使用wabpack配置吗？”？不，我没有专门使用webpack（虽然我认为create react应用程序使用webpack作为依赖项）谢谢，伙计-我不知道为什么这个相对路径会从一个版本的react更改到下一个版本，但现在它都可以工作了-我使用webpack会更好吗-我不是很了解它，据我所知，它更多地用于使用nodejs的项目，这不是吗？