我正在構(gòu)建一個小型React應(yīng)用,并且我的本地圖像無法加載。圖片如placehold.it/200x200加載。我以為這可能與服務(wù)器有關(guān)?完整的源代碼在github上。這是我的App.jsimport 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');});
React不會加載本地圖像
哆啦的時光機
2019-11-11 15:35:40