<p dir="auto">I have a header component with a logo image and on chrome visiting other pages does not force the logo image to reload. But on safari, every time I visit a new page all the images including the logo image reload.</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?q=is%3Aissue">issues</a> of this repository and believe that this is not a duplicate.</li>
</ul>
<h2 dir="auto">Expected Behavior</h2>
<p dir="auto">For safari to behave the same as chrome.</p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">Safari will reload the image instead of caching it.<br>
I also get these two errors in the console. Only in safari and not chrome.</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="[Error] Failed to load resource: the server responded with a status of 404 (Not Found) (_error.js.map, line 0)
[Error] Failed to load resource: the server responded with a status of 404 (Not Found) (_app.js.map, line 0)"><pre class="notranslate"><code class="notranslate">[Error] Failed to load resource: the server responded with a status of 404 (Not Found) (_error.js.map, line 0)
[Error] Failed to load resource: the server responded with a status of 404 (Not Found) (_app.js.map, line 0)
</code></pre></div>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>
<p dir="auto">Set up simple next hello world<br>
Create a index.js and about.js<br>
Create a component named header.js with links to index and about and an image<br>
Include header component in index and about pages<br>
Start dev server<br>
Compare between chrome and safari</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>6.0.0</td>
</tr>
<tr>
<td>node</td>
<td>9.8.0</td>
</tr>
<tr>
<td>OS</td>
<td>MacOS 10.13.4</td>
</tr>
<tr>
<td>browser</td>
<td>Safari 11.1</td>
</tr>
<tr>
<td>etc</td>
<td></td>
</tr>
</tbody>
</table>
<p dir="auto">I tried firebase examples. <a href="https://github.com/zeit/next.js/tree/canary/examples/with-firebase-hosting">https://github.com/zeit/next.js/tree/canary/examples/with-firebase-hosting</a></p>
<p dir="auto"><code class="notranslate">firebase deploy</code> works correctly.</p>
<p dir="auto">But local emulator is broken.</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="$ firebase serve --only functions,hosting"><pre class="notranslate"><code class="notranslate">$ firebase serve --only functions,hosting
</code></pre></div>
<p dir="auto">logs</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="$ firebase serve --only functions,hosting

=== Serving from '/Users/mz/sandbox/with-firebase-hosting'...

i  functions: Preparing to emulate functions.
i  hosting: Serving hosting files from: public
✔  hosting: Local server: http://localhost:5000

✔  functions: next: http://localhost:5001/playground-e6572/us-central1/next
[hosting] Rewriting / to local function next
info: User function triggered, starting execution
File: /
info: Execution took 257 ms, finished with status: 'crash'
127.0.0.1 - - [24/Oct/2017:23:44:45 +0000] &quot;GET / HTTP/1.1&quot; 500 99 &quot;-&quot; &quot;Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/62.0.3202.52 Safari/537.36&quot;"><pre class="notranslate"><code class="notranslate">$ firebase serve --only functions,hosting

=== Serving from '/Users/mz/sandbox/with-firebase-hosting'...

i  functions: Preparing to emulate functions.
i  hosting: Serving hosting files from: public
✔  hosting: Local server: http://localhost:5000

✔  functions: next: http://localhost:5001/playground-e6572/us-central1/next
[hosting] Rewriting / to local function next
info: User function triggered, starting execution
File: /
info: Execution took 257 ms, finished with status: 'crash'
127.0.0.1 - - [24/Oct/2017:23:44:45 +0000] "GET / HTTP/1.1" 500 99 "-" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/62.0.3202.52 Safari/537.36"
</code></pre></div>

<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">Run same with after <code class="notranslate">firebase deploy</code></p>


<h2 dir="auto">Current Behavior</h2>


<h2 dir="auto">Steps to Reproduce (for bugs)</h2>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="npm i -g firebase-tools
curl https://codeload.github.com/zeit/next.js/tar.gz/master | tar -xz --strip=2 next.js-master/examples/with-firebase-hosting
cd with-firebase-hosting
npm install
npm run build-all
npm run firebase --only functions,hosting"><pre class="notranslate"><code class="notranslate">npm i -g firebase-tools
curl https://codeload.github.com/zeit/next.js/tar.gz/master | tar -xz --strip=2 next.js-master/examples/with-firebase-hosting
cd with-firebase-hosting
npm install
npm run build-all
npm run firebase --only functions,hosting
</code></pre></div>
<p dir="auto">then open localhost:5000</p>
<h2 dir="auto">Context</h2>
<p dir="auto">I want to use next.js with firebase without deploy.</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.3</td>
</tr>
<tr>
<td>node</td>
<td>6.11.4</td>
</tr>
<tr>
<td>OS</td>
<td>OSX</td>
</tr>
<tr>
<td>browser</td>
<td>Chrome</td>
</tr>
<tr>
<td>etc</td>
<td></td>
</tr>
</tbody>
</table>