मैं एक छोटी प्रतिक्रिया ऐप बना रहा हूं और मेरी स्थानीय छवियां लोड नहीं होंगी। 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');
});
4
इसका आमतौर पर मतलब है कि आपका स्थानीय वेब सर्वर छवियों की सेवा नहीं कर रहा है या आपके द्वारा निर्दिष्ट यूआरएल गलत है। अपना ब्राउज़र कंसोल खोलें और जांचें कि क्या आपको कोई त्रुटि मिलती है जैसे कि 404 नहीं मिला।
—
२३:३५ पर मारियो टैक
मित्रों! बस उपयोग करें
—
नीरज सेवा
require()। उदा। src = {आवश्यकता ("छवि पथ")}
