<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">Please visit <a href="https://codesandbox.io/s/325y47xk36" rel="nofollow">https://codesandbox.io/s/325y47xk36</a> for a code sample. It's a basic implementation of a menu using <a href="https://react.semantic-ui.com" rel="nofollow">https://react.semantic-ui.com</a>.<br>
It creates a meta viewport as can be seen in the source code the rendered page: <code class="notranslate">&lt;meta name="viewport" content="width=device-width,initial-scale=1"&gt;</code><br>
The above fix was released in <strong>semantic-ui-react v 0.76.0</strong>.</p>
<h2 dir="auto">Current Behavior</h2>


<p dir="auto"><code class="notranslate">&lt;meta name="viewport" content="width=device-width,initial-scale=1"&gt;</code> is not present.</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>


<ol dir="auto">
<li>Clone example with-semantic-ui</li>
<li>Upgrade "semantic-ui-react": "^0.76.0" in package.json</li>
<li>npm install</li>
<li>npm run dev</li>
</ol>
<h2 dir="auto">Context</h2>


<p dir="auto">meta viewport being added by semantic-react-ui gives the responsive character to a lot of elements. Without this, any semantic app using semantic-ui-react and next.js, we are missing responsiveness.</p>
<h2 dir="auto">Your Environment</h2>

<table role="table">
<thead>
<tr>
<th>Tech</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>node</td>
<td>8.9.0</td>
</tr>
<tr>
<td>OS</td>
<td>Mac</td>
</tr>
<tr>
<td>browser</td>
<td>Chrome-latest</td>
</tr>
<tr>
<td>etc</td>
<td></td>
</tr>
</tbody>
</table>
<p dir="auto">Npm packages:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="+-- next@4.1.4
+-- react@16.1.1
+-- react-dom@16.1.1
`-- semantic-ui-react@0.76.0```"><pre lang="with-semantic-ui@1.0.0" class="notranslate"><code class="notranslate">+-- next@4.1.4
+-- react@16.1.1
+-- react-dom@16.1.1
`-- semantic-ui-react@0.76.0```
</code></pre></div>
<p dir="auto">I have just heard about next.js so I wanted to give it a try, however as I ran <code class="notranslate">npm run dev</code> I get Internal Server Error on localhost:3000 and in console <code class="notranslate">GET http://localhost:3000/ 500 (Internal Server Error)</code></p>
<p dir="auto"><strong>Same results using zeit/nextgram</strong></p>


<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have checked Next.js Issues and while my issue seems like a duplicate, there was no solution.</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> Followed everything as in Readme, used Powershell, Git bash, results are always the same.</li>
</ul>
<p dir="auto">Error text<br>
<code class="notranslate">{ Error: Cannot find module D:\path\.next\dist\pages\_error at _callee$ (D\path\node_modules\next\dist\server\resolve.j s:220:19) at tryCatch (D:\path\node_modules\regenerator-runtime\runtim e.js:65:40) at Generator.invoke [as _invoke] (D:\path\node_modules\regen erator-runtime\runtime.js:303:22) at Generator.prototype.(anonymous function) [as next] (D:\DEV\ up\node_modules\regenerator-runtime\runtime.js:117:21) at step (D:\path\node_modules\babel-runtime\helpers\asyncToG enerator.js:17:30) at D:\\path\node_modules\babel-runtime\helpers\asyncToGenerat or.js:28:13 code: 'ENOENT' }</code></p>
<table role="table">
<thead>
<tr>
<th>Tech</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>next</td>
<td>3.2.1</td>
</tr>
<tr>
<td>node</td>
<td>7.5.0</td>
</tr>
<tr>
<td>npm</td>
<td>4.1.2</td>
</tr>
<tr>
<td>OS</td>
<td>Windows 10</td>
</tr>
</tbody>
</table>