javascript - 反应试图以错误的路径访问文件

Question

我使用 create-react-app 创建了一个 React 应用程序，但我无法弹出它来更改 webpack 配置。

话虽如此，我正在尝试将 index.scss 用作集线器，并且正在从 section 文件夹中导入所有 .scss 文件。在 _header.css，我有以下行工作正常：

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

但是当我将它导入 index.scss 文件时：

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

React 抛出以下错误：

未找到模块：您尝试导入位于项目 src/ 目录之外的 ../img/bg_desktop.jpg。不支持 src/ 之外的相对导入。

当我将路径更改为“./img/bg_desktop.jpg”时，它也找不到它......所以它既不使用相对路径。有没有办法在不弹出整个东西的情况下解决这个问题？

这是它的结构：

标签： javascriptreactjssasscreate-react-app

Answer 1

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