无法正确设置示例 React 项目？

Question

我下周接受了面试评估，他们为我提供了一个示例代码项目，说明了我的期望。问题是我遇到了很多麻烦，只需将其设置为按预期运行...

已编辑：出于隐私考虑删除项目

我克隆了项目并安装了所有依赖项。

问题 1 我按照自述文件创建了一个名为 messenger 的数据库，然后在 server 目录中创建了一个 .env 文件。问题是我无法通过 process.env.REACT_APP_CUSTOM_VAR 从该 .env 文件中检索任何值。 Console.logging "process.env" 不显示任何自定义变量。就好像它们甚至没有被创造出来一样......

问题 2 在前端，它应该很简单（npm install 然后 npm start）。开始时，我发现没有应用 CSS（尽管阅读了代码并且使用了 Material UI）。当我检查页面时，我收到错误“服务器响应状态为 431（请求标头字段太大）。

我很难相信公司给了我超级损坏的代码，以至于我什至无法正确运行示例代码...谁能帮助我并尝试安装上面的代码项目？如果您遇到同样的问题或找到任何解决方案，请告诉我！

Answer 1

提交一个问题，要求他们添加.nvmrc 和package-lock.json，这样您就可以确保您的机器准备好吸收依赖关系并使用正确版本的node 正确定位。以其他方式测试 node 的各种版本与他们的构建相比，这是一个废话。

最好的办法是检查客户端 (javascript) 代码的首次发布日期与当时最新版本的节点。这很糟糕，但这就是我会做的。

Answer 2

项目运行良好。 没有真正应用样式，但这似乎是故意的。

通过更改 db.js，您很可能会受益于使用您可以访问的任何数据库（在我的例子中是 mssql）

const db = new Sequelize('dbname', 'user', 'password', {
  host: 'host',
  port: 1433,
  logging: false,
  dialect: 'mssql',
  dialectOptions: {
    encrypt: true,
  },
});

如果你想要这份工作，你应该不做的是批评它。它可以很好地作为招聘任务的基准。在这种情况下，您的环境是问题所在。

不要忘记在后端运行种子。

Answer 3

对于服务器上的问题 1，我在 ./server 目录上创建了一个 .env 文件，并且记录 process.env 记录了该文件中的变量。此外，在后端，您在访问环境变量时不需要 REACT_APP_CUSTOM_VAR 前缀。

对于前端的问题2，安装后，客户端从mui正确加载了css。我正在使用节点 14.17.0。