আমি একটি ছোট প্রতিক্রিয়া অ্যাপ তৈরি করছি এবং আমার স্থানীয় চিত্রগুলি লোড হবে না। 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')
);এবং সার্ভার.জেএস:
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
এর অর্থ সাধারণত আপনার স্থানীয় ওয়েব সার্ভারটি চিত্রগুলি পরিবেশন করছে না বা আপনার নির্দিষ্ট করা url ভুল। আপনার ব্রাউজার কনসোলটি খুলুন এবং 404 এর মতো কোনও ত্রুটি পাওয়া যায় কিনা তা পরীক্ষা করে দেখুন।
—
মারিও ত্যাক
লোকগুলি! শুধু ব্যবহার
—
নীরজ শেওয়ানি
require()। যেমন src = {প্রয়োজন ("চিত্রের পথ")}
