返回

javascript-React 不会加载本地图像

发布时间:2022-08-18 09:45:47 310
# 前端

我正在构建一个小型反应应用程序,我的本地图像不会加载。像placehold.it/200x200负载一样的图像。我想也许这可能与服务器有关?

这是我的 App.js

import React, { Component } from 'react';

class App extends Component {

    render() {

        return (

            <div className="home-container">

                <div className="home-content">

                    <div className="home-text">

                        <h1>foo</h1>

                    </div>

                    <div className="home-arrow">

                        <p className="arrow-text">

                            Vzdělání

                        </p>

                        <img src={"/images/resto.png"} />

                    </div>

                </div>

            </div>

        );

    }

}

export default App;

index.js:

import React, { Component } from 'react';

import { render } from 'react-dom';

import { Router, Route, Link } from 'react-router';

import { createHistory } from 'history';

import App from './components/app';

let history = createHistory();

render(

    <Router history={history} >

        <Route path="/" component={App} >

            <Route path="vzdelani" component="" />

            <Route path="znalosti" component="" />

            <Route path="prace" component="" />

            <Route path="kontakt" component="" />

        </Route>

        <Route path="*" component="" />

    </Router>,

    document.getElementById('app')

);

和 server.js:

var path = require('path');

var express = require('express');

var webpack = require('webpack');

var config = require('./webpack.config.dev');

var app = express();

var compiler = webpack(config);

app.use(require('webpack-dev-middleware')(compiler, {

  noInfo: true,

  publicPath: config.output.publicPath

}));

app.use(require('webpack-hot-middleware')(compiler));

app.get('*', function(req, res) {

  res.sendFile(path.join(__dirname, 'index.html'));

});

app.listen(3000, 'localhost', function(err) {

  if (err) {

    console.log(err);

    return;

  }

  console.log('Listening at http://localhost:3000');

});

特别声明:以上内容(图片及文字)均为互联网收集或者用户上传发布,本站仅提供信息存储服务!如有侵权或有涉及法律问题请联系我们。
举报
评论区(2)
按点赞数排序
用户头像