如何使用 Create-React-App 节点服务器定义 MIME 类型？

Question

我正在尝试处理这个 WebAssembly 注释：“注意：要使用 instantiateStreaming 和 compileStreaming 运行，您需要您的网络服务器来提供具有 application/wasm MIME 类型的 .wasm 文件。可以使用 https 板条箱从 localhost 提供文件，并包括开箱即用的 application/wasm MIME 类型。”

确实，我在 JS 控制台中收到 MIME 错误。谷歌搜索显示无法配置它。 Mozilla 建议在已弃用的 WebAssembly.instantiate 上进行实例化流处理。如果使用 stdweb 或 bindgen，后者对我也不起作用：它需要第二个参数，我不确定如何提供。

Answer 1

不幸的是，您在这里的工作处于最前沿！ WebAssembly 流式编译是一个非常新的功能，只有currently supported in FireFox and Chrome。

你说得对，它依赖于具有正确 mime 类型的服务器文件。实现这一目标所需的更改：

• node-mime - 许多项目（包括 webpack 开发服务器）使用它来提供基于文件扩展名的 mime 类型，在 v2.3.1 中为 updated to support wasm in Dec 2017
• webpack-dev-middleware 是 updated in Nov 2017 以支持 v3.1.3 中的 wasm 文件扩展

但是，这些都是 create-react-app 的上游依赖项，通过 react-scripts。 react-scripts has a dependency on webback-dev-middleware that supports wasm 的最新版本，但尚未发布。 npm 上的最新版本使用的是旧版本。

目前，我会停止流式编译，直到这些更改变为“生产”。