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

Webpack/babel/es6 正在从图像 src 中删除正斜杠

Webpack/babel/es6 forward slashes being removed from image src

html

src

ecmascript-6

webpack

babeljs