Question

我将图片存储在与css / js文件相同的文件夹中，但是图像没有显示出来。然后，我将同一张图片存储在imgur上并显示出来。有任何想法吗？我有点对如此简单的事情失去理智。

这是我使用的codeandbox的链接： Link

Answer 1

很好玩。第一次回应，没有时间的粉丝。（来自React）

这是与火车图像一起显示的 index.js 的副本。

import React from "react";
import ReactDOM from "react-dom";
import { render } from "react-dom";

import TestIMG from "./Testing_IMG.jpg";
import "./styles.css";
import "./index.css";
class App extends React.Component {
  render() {
    return (
      <div>
        <h4> hi </h4>
        <img src={TestIMG} />
      </div>
    );
  }
}

render(<App />, document.getElementById("root"));

我认为您缺少的内容的关键是使用{TestIMG}指定变量TestIMG（./Testing_IMG.jpg）持有的实际文件路径

我的背景图片网址是否有问题？

1 个答案: