【问题标题】:React trying to access file at a wrong path反应试图以错误的路径访问文件
【发布时间】:2018-12-13 20:18:26
【问题描述】:

我使用 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”时,它也找不到它。所以它既不使用相对路径。 有没有办法在不弹出整个东西的情况下解决这个问题?

这是它的结构:

【问题讨论】:

  • img/bg_desktop.jpg 怎么样?
  • 成功了。我不敢相信哈哈哈哈把你的评论变成一个答案,我会接受它作为正确答案

标签: javascript reactjs sass create-react-app


【解决方案1】:

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

【讨论】:

  • 是的,就是这样。我的想法是,SASS 会将./ 理解为导入器文件的相对路径——显然不是这样。非常感谢,伙计!
猜你喜欢
  • 1970-01-01
  • 2016-03-17
  • 1970-01-01
  • 1970-01-01
  • 2016-06-18
  • 1970-01-01
  • 2016-02-25
  • 1970-01-01
  • 2011-05-21
相关资源
最近更新 更多