按照官網(wǎng)的案例跑抱虐，突然有了要加個圖片的需求亩鬼，順手就開始寫了驹针。
import React from 'react';
import Bg from '../public/img/bg.jpg';
class App extends React.Component {
render() {
return <div>
<h1>Hello,Meteor</h1>
</div>
}
}
export default App;
運(yùn)行出來的結(jié)果是報錯:
屏幕快照 2018-07-12 17.06.10.png
當(dāng)時想可能配置沒配置好烘挫，不能這樣引入，于是又試了下使用
<img src={require('../public/img/bg.jpg')}/>
同樣是報錯，換成絕對路徑也是一樣饮六。
想起開發(fā)Express的時候一般會寫這樣的語句:
const express = require('express');
const app = express();
app.use(express.static(__dirname + '/public');
之后在引入靜態(tài)資源的時候其垄，就不需要加上/public了，于是呼就改寫成這樣：
import Bg from '/img/bg.jpg';
這樣還是不行卤橄，最后只能將圖片作為div的背景用url()引入了绿满。
官網(wǎng)和網(wǎng)上都沒看到這個方面的資料，初始化的項(xiàng)目更是沒有public這個文件夾窟扑，找了好長一段時間才解決了這個問題喇颁。
