<p dir="auto">I am building my backend server based on the <code class="notranslate">next.js/custome-express example</code>, however, when I load a page I always get this error:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="Refused to execute script from 'https://localhost:8081/_next/1511072683838/manifest.js' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled."><pre class="notranslate"><code class="notranslate">Refused to execute script from 'https://localhost:8081/_next/1511072683838/manifest.js' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled.
</code></pre></div>
<p dir="auto">I noticed in <code class="notranslate">dev</code> the  <code class="notranslate">1511072683838</code> is like a random number, however, in the <code class="notranslate">production</code> environment, it is an <code class="notranslate">uuid</code>. I am curious how can I use this number in my <code class="notranslate">express</code> server route, and is it safe to discard the number? e.g, having a route like:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="app.use('/_next/:id/', constants.corsOptions, express.static(path.join(root, 'server', 'src', 'next', '.next')));"><pre class="notranslate"><code class="notranslate">app.use('/_next/:id/', constants.corsOptions, express.static(path.join(root, 'server', 'src', 'next', '.next')));
</code></pre></div>
<p dir="auto">If I use this method and throw the <code class="notranslate">:id</code> parameter away will there be any issue (e.g security)? Or should I use this number as <code class="notranslate">nonce</code> in my <code class="notranslate">pages</code>, if that's the case how can I set the <code class="notranslate">nonce</code>.</p>
<p dir="auto">Thanks!</p>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have searched the <a href="https://github.com/zeit/next.js/issues">issues</a> of this repository and believe that this is not a duplicate.</li>
</ul>
<h2 dir="auto">Expected Behavior</h2>
<p dir="auto">As above.</p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">As above.</p>
<h2 dir="auto">Context</h2>
<p dir="auto">Not sure if this will have any security issue.</p>
<h2 dir="auto">Your Environment</h2>
<table role="table">
<thead>
<tr>
<th>Tech</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>next</td>
<td>4.1.4</td>
</tr>
<tr>
<td>node</td>
<td>9.1</td>
</tr>
<tr>
<td>OS</td>
<td>Docker Linux Alpine</td>
</tr>
<tr>
<td>browser</td>
<td>Chrome V63</td>
</tr>
</tbody>
</table>
<p dir="auto">I started a project based on <a href="https://github.com/zeit/next.js/tree/v3-beta/examples/with-firebase">https://github.com/zeit/next.js/tree/v3-beta/examples/with-firebase</a></p>
<p dir="auto">The error I have when importing firebase in more than one component.</p>
<p dir="auto">In this firebase start file:</p>
<p dir="auto">`import firebase from 'firebase'</p>
<p dir="auto">const firebaseConfig = {<br>
apiKey: "fdsfsdfdsf",<br>
authDomain: "fdsfdsfsdfdsf",<br>
databaseURL: "sdfdsfdsf",<br>
projectId: "dsfdsfdsf",<br>
storageBucket: "dsfdsfdsf",<br>
messagingSenderId: "dsfdsfsdfdsf"<br>
}</p>
<p dir="auto">const FbApp = firebase.initializeApp(firebaseConfig)</p>
<p dir="auto">export default FbApp.auth()`</p>
<p dir="auto">Then in the components:</p>
<p dir="auto"><code class="notranslate">import firebase from '../lib/firebaseClient'</code></p>
<p dir="auto">With a single component works well, but if I add a new component with <code class="notranslate">import firebase from '../lib/firebaseClient'</code> the application fail:</p>
<p dir="auto">Firebase: Firebase App named '[DEFAULT]' already exists (app/duplicate-app).<br>
FirebaseError: Firebase: Firebase App named '[DEFAULT]' already exists (app/duplicate-app).</p>