Heroku 无法提供来自 bower_components 的文件

Question

我无法让 Heroku 在 bower_components 文件夹中查找资源，但站点在 localhost 上运行良好。

我创建了一个 express-node.js 站点。站点的结构如下所示。

site
-> bower_components
--> jquery
---> dist
----> jquery.min.js
-> Other folders
-> app.js

我把 bower_components 文件夹 public 变成了这样。

app.use(express.static(path.join(__dirname, 'bower_components')));

为了检索 jquery 文件，我在 html

中指定了它

<script src="/jquery/dist/jquery.min.js"></script>

为什么这在 localhost 上有效，但当我将其部署到 Heroku 时却无效？

Answer 1

我通过将 postinstall 放入 package.json

来修复它

  "scripts": {
    "postinstall": "bower install"
  },

Answer 2

确保 bower 在 package.json 文件中并包含 post-install 脚本

 "scripts": {
    "postinstall": "bower install"
  },

如果您在 package.json 文件中没有 Bower，它将再次导致错误。

Heroku cannot serve files from bower_components