Ruby on Rails部署Render遇MIME类型(text/html)拦截问题求助

我在Ruby on Rails应用中使用hotwired/stimulus和importmap_tags管理JavaScript，开发环境一切正常，但部署到Render后，销售视图及通过脚本生成变体的产品表单无法正常工作。

控制台及日志错误截图 #

• Render生产环境控制台错误：
  
• Render仪表盘日志错误：
  

JavaScript文件目录结构 #

app/
└── javascript/
    ├── application.js
    ├── controllers/
    │   ├── new_product_controller.js
    │   ├── edit_product_controller.js
    │   ├── sales_controller.js
    │   ├── catalog_controller.js
    │   ├── index.js
    │   ├── variant_controller.js
    │   └── ...

app/bin/render-build.sh内容 #

set -o errexit
bundle install
bundle exec rails assets:precompile
bundle exec rails assets:clean
# Uncomment the following line if using a Free instance:
bundle exec rails db:migrate

render.yaml配置 #

databases:
  - name: inventory_management_demo
    databaseName: inventory_management_demo
    user: inventory_management_demo_user
    plan: free
    region: singapore
    ipAllowList:
      - source: 0.0.0.0/0
        description: everywhere
    postgresMajorVersion: "16"

services:
  - type: web
    name: mysite
    runtime: ruby
    plan: free
    buildCommand: "./bin/render-build.sh"
    startCommand: "bundle exec rails server"
    envVars:
      - key: DATABASE_URL
        fromDatabase:
          name: inventory_management_demo
          property: connectionString
      - key: RAILS_MASTER_KEY
        sync: false
      - key: WEB_CONCURRENCY
        value: 2

排查解决步骤 #

1. 确认Importmap资源预编译状态
   • 检查生产环境下public/assets/importmap.json是否存在且包含所有Stimulus控制器的映射关系。如果缺失，在构建脚本中添加bundle exec rails importmap:compile命令，确保预编译时生成该文件。
2. 修正Stimulus控制器注册逻辑
   • 确保app/javascript/controllers/index.js使用Importmap对应的助手方法，替换webpack相关代码：

     import { Application } from "@hotwired/stimulus"
     import { definitionsFromContext } from "@hotwired/stimulus-importmap-helpers"
     
     const application = Application.start()
     const context = require.context("./", true, /\.js$/)
     application.load(definitionsFromContext(context))
     

3. 添加生产环境标识
   • 在Render的环境变量中新增RAILS_ENV=production，强制应用以生产模式加载资源，避免开发环境逻辑干扰。
4. 验证资产预编译结果
   • 在render-build.sh中添加ls -la public/assets命令，查看构建日志里的资产文件列表，确认编译后的JS、Importmap文件是否生成。
5. 核对控制器与DOM标识匹配
   • 检查视图中data-controller属性值是否和控制器文件名一致（比如sales_controller.js对应data-controller="sales"），生产环境大小写敏感，必须严格匹配。
6. 深挖构建日志细节
   • 查看Render构建过程中的警告/错误信息，重点关注资产预编译阶段的依赖缺失、Importmap映射错误等提示，这些是定位问题的关键。

内容的提问来源于stack exchange，提问作者Harish