npm run package shows empty screen

Hello,

after runing npm run build , a dist folder is created and contains files like _bundle.js_, _bundle.css_ and _index.html_ 

But then, if I'm runing **npm run prod** I see only a blank screen. This happens because the generated _index.html_ is empty:
```
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Webpack App</title>
  <link href="./bundle.css" rel="stylesheet"></head>
  <body>
  <script type="text/javascript" src="./bundle.js"></script></body>
</html>
```

I believe the cause is **index.js**

```
import React from 'react';
import { render } from 'react-dom';
import App from './components/App';

// Since we are using HtmlWebpackPlugin WITHOUT a template, we should create our own root node in the body element before rendering into it
let root = document.createElement('div');
root.id = "root";
document.body.appendChild( root );

// Now we can render our application into it
render( <App />, document.getElementById('root') );
```

So we need a something like template (*index.html*) ? Or how can I fix the issue?

P.S. The same issue if I'm using **npm run package**

Regards
dit




Navigation Menu

npm run package shows empty screen #29

Metadata

Assignees

Labels

Projects

Milestone

Relationships

Development

npm run package shows empty screen #29

Description

Metadata

Metadata

Assignees

Labels

Projects

Milestone

Relationships

Development

Issue actions