Heroku不加载js脚本404

我正在尝试在Heroku上使用MEAN构build我的第一个Web应用程序。 我遵循他们的指导来获取示例应用程序运行。 然后我下载了示例应用程序代码，并将其更改为加载login页面。 不幸的是，我无法加载我的app.js文件。 这是angular色脚本。 在主目录中，我有运行express的index.js。 无论如何，我能够得到.ejs .css和img文件加载，但这个脚本不会。 我被困住了。 我需要能够通过这个修补程序，以开始学习堆栈。

脚本与其他加载的文件在公共目录中。 代码看起来好吗？ 不知道为什么我得到404的脚本。

任何帮助深表感谢！

var express = require('express'); var app = express(); app.set('port', (process.env.PORT || 5000)); app.use(express.static(__dirname + '/public')); // views is directory for all template files app.set('views', __dirname + '/views'); app.set('view engine', 'ejs'); app.get('/', function(request, response) { response.render('pages/index'); }); app.listen(app.get('port'), function() { console.log('Node app is running on port', app.get('port')); }); <script src="/js/app.js"></script> 

原来变化没有被推送到服务器。 这就是所有人！

Answer 1

你只需要将app.js移动到公共文件夹。 这行app.use(express.static(__dirname + '/public')); 在你的index.js中告诉express从/public文件夹中提供静态资源。 除非您公开，否则项目中的其他内容都将“隐藏”在服务器上。

你可以在公共场合创build一个js文件夹，然后在那里移动app.js。 然后将index.ejs中的引用从src="/app.js"更改为src =“/ js / app.js”。