Question

一个非常新的响应/节点/使用npm start启动服务器。使用npm start启动服务器可以工作并显示我的反应代码，但是我需要进行一些调试。但是，我的console.logs没有输出到浏览器控制台。之后，我想检查一下我的终端（我认为这是node console.log输出到的终端），但是由于我使用了npm start，因此启动应用程序的终端仍停留在此屏幕上：


Compiled successfully!

You can now view my-app in the browser.

  Local:            http://localhost:3000/
  On Your Network:  http://[ip_address_here]:3000/

Note that the development build is not optimized.
To create a production build, use npm run build.

因此，我无法在此屏幕上读取任何控制台输出。我觉得这应该是一个超级基本的解决方案，并且我可能只是忽略了一个非常明显的问题，但是有人可以帮我吗？谢谢。

编辑：我被要求分享一些代码，这里是：

这是我的App.js文件的摘要：


import React from 'react';

//quick class
class App extends React.Component {
    constructor(props){
        super(props);

        this.state = {
            testRows : null
        }

        this.getTest = this.getTest.bind(this);
    }

    //get some rows from my api using a local database with sqlite3
    async getTest(){
        try{
            console.log("hello?");
            const response = await fetch('http://localhost:3000/api/test');
            if(response.ok){
                const JSONresponse = response.json();
                console.log(JSOnresponse);
                this.setState({testRows : JSONresponse});
            }
            else{
                this.setState({testRows: "test error"});
                console.log('There was an error with the fetch');
            }
        }
        catch(error){
            console.log(error);
        }
    }

    //render some text, a button, and the result
    render(){
        let testResults;
        if(this.state.testRows){
            testResults = Object.keys(this.state.testRows).map((data) => {
                    return <h1>{data.name}</h1>
                }
            )
        }
        else{
            testResults = "null";
        }


        return(
            <div>
                <h2>Some testing going on here</h2>
                <button onClick={this.getTest}>
                    Press me for test!
                </button>
                <h3>{testResults}</h3>
            </div>
        );
    }
}

export default App;

这是我的api.js文件的摘要：


apiRouter.get('/test', (req, res, next) => {
    db.get('SELECT * FROM Test', (error, rows) => {
        if(error){
            console.log(error);
        }
        else{
            console.log("got the test");
            console.log(rows);
            res.send(rows);
        }
    })
})

路由器已安装，其他所有代码均已安装，但其中的console.logs也未显示在任何地方（开发工具控制台或终端）。

Answer 1

据我所知，您有两段代码在不同的地方运行。两者都应该被提供以执行代码。

App.js 文件似乎是一个应该在浏览器上运行的 React 应用程序（前端）。要查看控制台消息，您应该：

打开终端并提供应用程序：npm start
打开浏览器
访问指定的网址
打开开发者工具（通常是 F12）

<块引用>

另外，尝试将日志放在类声明之后或其他地方，以隔离可能的其他问题。

另一方面，api.js 是后端代码，因此控制台消息应记录在运行它的终端中。假设您拥有完整的文件 api.js 而不仅仅是该片段，要运行服务器并查看日志，您应该：

在终端上并提供 API：node api.js
打开浏览器
访问指定的网址
该消息将显示在终端上

<块引用>

我会做同样的建议，如果您将 log 命令放在脚本的开头，则消息将显示为服务器启动，而无需转到浏览器。隔离问题是解决问题的好方法。

如果您没有完整的 api.js，请尝试一个简单的片段：Getting Started。如果您想在打开浏览器后看到它，只需在开头添加 console.log('Console says hi!')，或者在“Hello World”行之后添加。

最后一点是确保前端和后端不在同一个端口 (3000) 上提供服务。

在哪里使用nodejs / npm start查看console.log输出？

1 个答案: