由于 net::ERR_CONTENT_LENGTH_MISMATCH 而未加载 Javascript

Question

我有一个应用程序在本地运行良好，但在生产环境中却出现故障。 (经典问题，对吧？)

在生产中，JS 未正确触发。当我打开浏览器控制台时，我看到这个错误:

net::ERR_CONTENT_LENGTH_MISMATCH

当我查看 Developer Tools 的网络选项卡时，显示它对 text/html 的 GET 请求失败。

这是一个神秘的错误。我只找到了另外两个甚至提到的 SO 帖子，但它们尚未解决。 (对于感兴趣的: first post 和 second post)

知道 (1) 它的含义或 (2) 如何解决它吗？

Answer 1

I am getting Error: net::ERR_CONTENT_LENGTH_MISMATCH

查看您的服务器日志以确定真正的问题是什么。

对我来说，问题出在 nginx 和文件权限之间:

• tail -f/usr/local/var/log/nginx/error.log 或运行 nginx -t 来确定您的 conf 位置，您可以在其中指定一个自定义日志路径。
• 在浏览器中刷新 Assets ，例如 http://localhost:3000/assets/jquery/jquery.js

您可能会在日志中看到类似这样的内容:

"/usr/local/var/run/nginx/proxy_temp/9/04/0000000049" failed (13: Permission denied) while reading upstream for file xyz

这是我修复的方法:

sudo nginx -s stop
sudo rm -rf /usr/local/var/run/nginx/*
sudo nginx