title: Can you console.log to the internal terminal in VScode when using react?
body: <p>However I try to do it, I can't get a console.log message to print out a message when I'm using react. If I create an empty document then it works, but if I try to console log something in a file where I've imported react nothing shows up. It instead gives me some errors that I don't even see to be there. Example:</p>
  <pre><code>
  
  const WeatherCard = (props) =&gt; {
  let temp = 12
  let topcolor = (1-((temp-12)/28))*255
  let lowcolor = topcolor - 150
  
   return (
  &lt;div style={{backgroundImage: `linear-gradient(rgb(255,${topcolor},0),rgb(255, ${lowcolor},0))`}} className=&quot;card&quot;&gt;
      &lt;div className=&quot;location&quot;&gt;
          &lt;h1 className=&quot;city&quot;&gt;Sydney&lt;/h1&gt;
          &lt;h3 className=&quot;country&quot;&gt;AU&lt;/h3&gt;
      &lt;/div&gt;
      &lt;img className=&quot;icon&quot; src=&quot;./img/Mostly Cloudy-2x.png&quot; alt=&quot;Weather Icon&quot;/&gt;
      &lt;h1 className=&quot;temp&quot;&gt;20°C&lt;/h1&gt;
      &lt;h3 className=&quot;conditon&quot;&gt; Clouds&lt;/h3&gt;
  &lt;/div&gt;
      )
  }
  
  console.log(&quot;test&quot;)
  export default WeatherCard
  </code></pre>
  <p>I then get:</p>
  <pre><code>file:///Users/MYCOMPUTER/Dropbox/Programmeringsprojekt/my-app/src/WeatherCard.js:10
  &lt;div style={{backgroundImage: `linear-gradient(rgb(255,${topcolor},0),rgb(255, ${lowcolor},0))`}} className=&quot;card&quot;&gt;
  ^
  
  SyntaxError: Unexpected token '&lt;'
      at Loader.moduleStrategy (internal/modules/esm/translators.js:141:18)
      at async link (internal/modules/esm/module_job.js:42:21)
  
  [Done] exited with code=1 in 0.086 seconds```
  </code></pre>