第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

React不會加載本地圖像

React不會加載本地圖像

哆啦的時光機 2019-11-11 15:35:40
我正在構(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');});
查看完整描述

3 回答

?
呼啦一陣風(fēng)

TA貢獻(xiàn)1802條經(jīng)驗 獲得超6個贊

使用Webpack時,您需要對require圖像進(jìn)行處理,以便Webpack處理它們,這可以解釋為什么外部圖像不加載而內(nèi)部圖像加載的原因,因此,<img src={"/images/resto.png"} />您無需<img src={require('/images/image-name.png')} />為每個圖像使用正確的圖像名稱替換image-name.png。這樣,Webpack就能處理和替換源img。


查看完整回答
反對 回復(fù) 2019-11-11
  • 3 回答
  • 0 關(guān)注
  • 1132 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號