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

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

1 个答案: