将Rails和React部署到Heroku失败

Question

我正在同一应用程序中构建Rails 7(后端)和React应用程序(前端)。我正试图将其部署到Heroku，但我得到了一个错误:

Failed to load module script: Expected a JavaScript
module script but the server responded with a MIME type of
"text/html". Strict MIME type checking is enforced for module
scripts per HTML spec.

这是什么意思?我能做些什么来修复它?

Answer 1

我在Google Chrome浏览器中遇到了同样的错误。在Safari中检查控制台产生了更多有用的错误。

在我的情况下，它突出了我在app/javascript/application.js中导入的问题。我正在导入存储在文件夹app/javascript/custom中的自定义JS文件这样的:

import "./custom/setTrixToolbar";
import "./custom/embedsController";

为了解决这个问题，我删除了'。元素，并将以下行添加到config/importmap。rb文件。

pin_all_from 'app/javascript/custom', under: 'custom'

这配置/importmap。

没有看到你的任何代码是不可能知道这是否是问题，但这可能是一个开始。

下面的视频对解释Rails 7中的importmaps是如何工作的很有用:

youtube.com/watch ? v = PtxZvFnL2i0