时间戳

首页 > 解决方案 > 使用 react 时可以 console.log 到 VScode 的内部终端吗？

javascript - 使用 react 时可以 console.log 到 VScode 的内部终端吗？

问题描述

但是我尝试这样做，当我使用 react 时，我无法获得 console.log 消息来打印消息。如果我创建一个空文档，那么它可以工作，但是如果我尝试在我导入的文件中控制台记录某些内容，则什么都不会显示。相反，它给了我一些我什至看不到的错误。例子：



const WeatherCard = (props) => {
let temp = 12
let topcolor = (1-((temp-12)/28))*255
let lowcolor = topcolor - 150

 return (
<div style={{backgroundImage: `linear-gradient(rgb(255,${topcolor},0),rgb(255, ${lowcolor},0))`}} className="card">
    <div className="location">
        <h1 className="city">Sydney</h1>
        <h3 className="country">AU</h3>
    </div>
    <img className="icon" src="./img/Mostly Cloudy-2x.png" alt="Weather Icon"/>
    <h1 className="temp">20°C</h1>
    <h3 className="conditon"> Clouds</h3>
</div>
    )
}

console.log("test")
export default WeatherCard

然后我得到：

file:///Users/MYCOMPUTER/Dropbox/Programmeringsprojekt/my-app/src/WeatherCard.js:10
<div style={{backgroundImage: `linear-gradient(rgb(255,${topcolor},0),rgb(255, ${lowcolor},0))`}} className="card">
^

SyntaxError: Unexpected token '<'
    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```

标签： javascriptreactjsvisual-studio-code

解决方案

编辑： Console.log 确实在组件之外工作。

请注意，它不会打印到 VSCode 控制台，而是打印到浏览器控制台。

至于其他错误，您需要确保包含import React from 'react'.

推荐阅读