我想设置一个简单的背景图像，并覆盖 sass 文件中的反应组件，但我收到此错误，Module not found: You attempted to import ../assets/hero.jpg which falls outside of the project src/ directory. Relative imports outside of src/ are not supported.，这很奇怪，因为包含图像的资产文件夹实际上位于/src文件夹，这是我的文件夹结构
src/
|assets/
hero.jpg
|sass/
|main.scss
|sassFiles/
|components.scss
|..
|components/
|Navbar.js
|Home.js
|..
|App.js
|index.js
|..
/* _components.scss file */
.hero {
height: 60vh;
background: linear-gradient(rgba(238, 238, 238, 0.459)), url(../../assets/hero.jpg) no-repeat 50% 50%;
background-size: cover;
}
当我像这样从组件导入图像时import hero from '../assets/hero.jpg'，效果很好，
仅当我从 .scss 文件导入它时才会出现该错误，除此之外，应用样式没有任何问题。
您在网络检查器中看到什么错误？尝试更改图像的相对路径：
url(../../assets/hero.jpg)
To:
url(../assets/hero.jpg)
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
