Javascript 安装程序使用Express创建react应用程序_Javascript_Node.js_Reactjs_Express

Javascript 安装程序使用Express创建react应用程序

javascript node.js reactjs express

Javascript 安装程序使用Express创建react应用程序,javascript,node.js,reactjs,express,Javascript,Node.js,Reactjs,Express,问题-当我点击localhost:9000时，我无法从邮递员那里得到任何回应。它应该给我一个用户json返回，它只是在我的路由文件暂时。相反，它吐出了以下内容 <body> <noscript>You need to enable JavaScript to run this app.</noscript> <div id="root"></div> <script type="text/javascrip

问题-当我点击localhost:9000时，我无法从邮递员那里得到任何回应。它应该给我一个用户json返回，它只是在我的路由文件暂时。相反，它吐出了以下内容

<body>
    <noscript>You need to enable JavaScript to run this app.</noscript>
    <div id="root"></div>
    <script type="text/javascript" src="/static/js/main.ce2f0561.js"></script>
</body>

rs_routes.js

'use strict';



  module.exports = function(router){
     const notesController = require('../controllers/cs_notes');

    router.route('/', function(req, res, next) {
        // Comment out this line:
        //res.send('respond with a resource');

        // And insert something like this instead:
        res.json([{
            id: 1,
            username: "samsepi0l"
        }, {
            id: 2,
            username: "D0loresH4ze"
        }]);
    });
    };

 const express = require('express');
const morgan = require('morgan');
const path = require('path');

const app = express();

const router = express.Router();
// Setup logger
app.use(morgan(':remote-addr - :remote-user [:date[clf]] ":method :url HTTP/:http-version" :status :res[content-length] :response-time ms'));

// Serve static assets
app.use(express.static(path.resolve(__dirname, '..', 'build')));
require('./routes/rs_notes')(router);
// Always return the main index.html, so react-router render the route in the client
router.get('*', (req, res) => {
    res.sendFile(path.resolve(__dirname, '..', 'build', 'index.html'));
});

module.exports = app;

'use strict';

const app = require('./express');

const PORT = process.env.PORT || 9000;

app.listen(PORT, () => {
    console.log(`App listening on port ${PORT}!`);
});

express.js

'use strict';



  module.exports = function(router){
     const notesController = require('../controllers/cs_notes');

    router.route('/', function(req, res, next) {
        // Comment out this line:
        //res.send('respond with a resource');

        // And insert something like this instead:
        res.json([{
            id: 1,
            username: "samsepi0l"
        }, {
            id: 2,
            username: "D0loresH4ze"
        }]);
    });
    };

 const express = require('express');
const morgan = require('morgan');
const path = require('path');

const app = express();

const router = express.Router();
// Setup logger
app.use(morgan(':remote-addr - :remote-user [:date[clf]] ":method :url HTTP/:http-version" :status :res[content-length] :response-time ms'));

// Serve static assets
app.use(express.static(path.resolve(__dirname, '..', 'build')));
require('./routes/rs_notes')(router);
// Always return the main index.html, so react-router render the route in the client
router.get('*', (req, res) => {
    res.sendFile(path.resolve(__dirname, '..', 'build', 'index.html'));
});

module.exports = app;

'use strict';

const app = require('./express');

const PORT = process.env.PORT || 9000;

app.listen(PORT, () => {
    console.log(`App listening on port ${PORT}!`);
});

index.js

'use strict';



  module.exports = function(router){
     const notesController = require('../controllers/cs_notes');

    router.route('/', function(req, res, next) {
        // Comment out this line:
        //res.send('respond with a resource');

        // And insert something like this instead:
        res.json([{
            id: 1,
            username: "samsepi0l"
        }, {
            id: 2,
            username: "D0loresH4ze"
        }]);
    });
    };

 const express = require('express');
const morgan = require('morgan');
const path = require('path');

const app = express();

const router = express.Router();
// Setup logger
app.use(morgan(':remote-addr - :remote-user [:date[clf]] ":method :url HTTP/:http-version" :status :res[content-length] :response-time ms'));

// Serve static assets
app.use(express.static(path.resolve(__dirname, '..', 'build')));
require('./routes/rs_notes')(router);
// Always return the main index.html, so react-router render the route in the client
router.get('*', (req, res) => {
    res.sendFile(path.resolve(__dirname, '..', 'build', 'index.html'));
});

module.exports = app;

'use strict';

const app = require('./express');

const PORT = process.env.PORT || 9000;

app.listen(PORT, () => {
    console.log(`App listening on port ${PORT}!`);
});

完整项目链接-

我的问题或疑问是

我是否以正确的方式通过路由器。我们过去经常在这里传递应用程序快车4号之前的路？所以不确定这里是否有相同的结构

我可以通过点击localhost:9000（服务器按照配置由节点服务器命令运行）在浏览器中加载它，但不能在postman中加载

通过适当地学习路由器的使用并在这里和那里移动一些代码，我能够修复这个堆栈。但它仍然不适用于基本路由，即当我简单地执行router.get（“/”，…）时。给出相同的错误消息。所以我倒过来连接节点并做出反应。我在媒体上发表我的作品的原因与两篇独立的文章相同

这是提供的HTML，还是您将其视为文本？前者对我来说似乎没问题。它在浏览器中工作吗？等等。。。。我不小心提交了它…让我编辑并要求正确的不是文本而是html@idmean@Colin是的