时间戳

首页 > 解决方案 > React 应用程序突然空白页 - 哑剧问题？

reactjs - React 应用程序突然空白页 - 哑剧问题？

问题描述

我的应用程序突然在本地主机上的 dev 中出现了一个空白屏幕（以及前几天工作的在线版本，并且没有对其进行任何更改）。

在本地主机上的控制台上： 在此处输入图像描述

在终端的错误日志中：

.../node_modules/send/index.js:838
  var type = mime.lookup(path)
                  ^

TypeError: mime.lookup is not a function
    at SendStream.type (/Users/myname/Desktop/johannamuseet-app/node_modules/send/index.js:838:19)
    at SendStream.send (/Users/myname/Desktop/johannamuseet-app/node_modules/send/index.js:627:8)
    at onstat (/Users/myname/Desktop/johannamuseet-app/node_modules/send/index.js:729:10)

在此之前有一个错误，不允许编译，经过一些研究，我似乎应该安装 @babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining 所以我做了。然后它可以编译，但现在发生了上面提到的下一个错误。

我不知道 mime 是做什么的。我的 package.json 中没有任何内容表明它是一个依赖项。

任何想法将不胜感激！

标签： reactjsbabeljsmime

解决方案

哇，这很烦人。我尝试卸载 send 和 mime 并重新安装它们。尝试更新它们。甚至尝试使用旧版本的 mime。仍然出现错误。最后进入发送包 index.js 并将调用 mime 的代码更改为 var type = mime.getType(path)。但是你得到另一个错误，因为 mime 删除了 charset 方法。所以我不得不将 charset 更改为 var charset = 'utf8'。显然，这是一个短期的解决方案。发送需要更新他们的包。

var type = mime.getType(path)

if (!type) {
  debug('no content-type')
  return
}

var charset = 'utf8'
//console.log(type)
//console.log(charset)

推荐阅读