title: Adding a 2nd page to my React app, Unable to read .js file error
body: <p>I'm trying to add a 2nd page to my react app without installing any new plugins or making significant modifications.</p>
  
  <p>I added <code>monsters.html</code> to my public directory and <code>monsters.js</code> to src, next to <code>index.js</code>. When I navigate to <code>localhost:3000/monsters.html</code>, I get this error:</p>
  
  <p>SyntaxError: expected expression, got '&lt;'[Learn More]  monsters.js:1</p>
  
  <p>monsters.js:, in src/ right next to <code>index.js</code>:</p>
  
  <pre><code>import React from 'react',
  import ReactDOM from 'react-dom';
  import App from './App';
  
  ReactDOM.render(
    &lt;App /&gt;,
    document.getElementById('root')
  );
  </code></pre>
  
  <p>monsters.html:</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html lang="en"&gt;
    &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
      &lt;link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico"&gt;
      &lt;title&gt;Monsters 2&lt;/title&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;div&gt;Foo&lt;/div&gt;
      &lt;div id="root2"&gt;&lt;/div&gt;
    &lt;/body&gt;
    &lt;script src="../src/monsters.js"&gt;&lt;/script&gt;
  &lt;/html&gt;
  
  monsters.html, in public
  </code></pre>