Node/Express：如何分离服务器端和客户端 javascript？

Question

我正在构建一个 JS 项目来学习新技能，但在区分客户端代码和服务器端代码时遇到了麻烦。当前设置是一个以 ExpressJS 作为依赖项的节点应用程序。

当我运行 npm run build && npm run dev 时，基本 html/css 会按预期提供，但我在控制台中收到来自 express 脚本的错误。

main.fb6bbcaf.js:116 未捕获类型错误：无法读取属性 未定义的“原型” 在 Object.parcelRequire.node_modules/express/lib/response.js.safe-buffer (response.js:42) 在 newRequire (main.fb6bbcaf.js:47) 在 localRequire (main.fb6bbcaf.js:53) 在 Object.parcelRequire.node_modules/express/lib/express.js.body-parser (express.js:22) 在 newRequire (main.fb6bbcaf.js:47) 在 localRequire (main.fb6bbcaf.js:53) 在 Object.parcelRequire.node_modules/express/index.js../lib/express (index.js:11) 在 newRequire (main.fb6bbcaf.js:47) 在 localRequire (main.fb6bbcaf.js:53) 在 Object.parcelRequire.js/main.js.express (main.js:1)

作为参考，我仍在尝试从 express 文档中获取示例代码以运行，所以我的整个 main.js 文件如下所示：

const express = require('express');
const app = express();
const port = 1234;

app.get('/hello', (req, res) => res.send('Hello World!'));

app.listen(port, () => console.log(`Example app listening at http://localhost:${port}`));

我找到了一个有类似问题的人HERE，但是我没有点击（而且我似乎找不到合适的问题）是如何分离客户端和服务器端我的项目中的代码。我感觉我正在尝试在提供给客户的代码中使用 express，但我不知道该放在哪里。

在同时使用 node 和 express 的项目中是否有服务器端代码的最佳实践位置？

Answer 1

错误代码表明您在使用 Express 和 body-parser 模块时遇到问题。 让我们从头开始解决这个问题。

//通过命令行创建新项目

1)cd 到项目目录

2) 创建 app.js

3)npm init -y // 创建项目

4)npm install express body-parser //安装需要的模块

//打开app.js并使用以下代码配置服务器

const express = require("express");
const bodyParser = require("body-parser");

let app = express();
app.use(bodyParser.urlencoded({extended: true}));

app.get("/",function(req,res){
res.send("Hello world");
})


app.listen(3000, function() {
  console.log("Server started on port 3000");
});

//现在运行 app.js

1)node app.js

2)在浏览器中，转到“localhost:3000”

这应该可以解决您的问题。 当您向服务器发送请求时使用 body-parser。如果没有提交请求到您的服务器，它不应该显示任何正文解析器错误。