Webpack/Babel/ES6 вперед слэши удаляются из ЦСИ изображения

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"/>