react не рендерит элемент в html

все постарался изложить в одном скриншоте: Ошибки в консоли нет. jsx код:

import React, { Component } from 'react';
class App extends Component {
render() {
    return (
        <div>
            <div className="before">
                <p>test</p>
            </div>
            <div className="after">
            </div>
        </div>
    );
    }
}
ReactDOM.render(<App/>, document.getElementById('app'));

вот html файл:

<div id="app">
</div>
</body>
<script src="./public/dist/app.bundle.js"></script>
</html>

webpack настроен и jsx проходит через babel. Но почему-то вывода в блок html не происходит. js точно подключен к странице..