反应尝试以错误的路径访问文件

时间:2018-12-13 20:18:26

标签: javascript reactjs sass create-react-app

我已经使用create-react-app创建了一个React应用,但无法弹出以更改Webpack配置。

话虽这么说,我试图将index.scss用作集线器,并且要从sections文件夹导入所有.scss文件。 在_header.css,我可以正常运行以下行:

background-image: url(../img/bg_desktop.jpg);

但是当我将其导入到index.scss文件中时:

@import './sections/header.scss';

React引发以下错误:

未找到模块:您试图导入../img/bg_desktop.jpg,它不在项目src /目录下。不支持src /以外的相对导入。

当我将路径更改为“ ./img/bg_desktop.jpg”时,它也找不到。.因此,它都没有相对路径。 有没有一种方法可以解决此问题而又不会弹出整个内容?

这是它的结构:

enter image description here

1 个答案:

答案 0 :(得分:1)

使用img/bg_desktop.jpg作为./代表当前目录,我相信可以在运行时更改它。