的WebPack /巴貝爾/ ES6斜線正從圖片src刪除

Question

所以我有以下代碼：

import Menu from './menu'; 
import Kitten from './kitten'; 

const content =() => Kitten + Menu.menu 

var app = document.getElementById('app'); 
app.innerHTML = content(); 

console.log(content()); 

現在這個記錄以下控制檯：

<img src"/dist/197a114e185cbd7e1bfdb9ca2074492f.jpeg"/><button id="menu">Menu</button> 

但是正在以下渲染：

<div id="app"><img src"="" dist="" 197a114e185cbd7e1bfdb9ca2074492f.jpeg"=""><button id="menu">Menu</button></div> 

這是kitten樣子：

const kitten = require('./images/kitten.jpeg'); 
const Image = `<img src"${kitten}"/>`; 
export default Image; 

任何想法，這可能是什麼呢？

Answer 1

你已經錯過了在IMG的等號：

<img src"/dist/197a114e185cbd7e1bfdb9ca2074492f.jpeg"/> 
     \/ 
<img src="/dist/197a114e185cbd7e1bfdb9ca2074492f.jpeg"/>