admin管理员组文章数量:1323323
I'm trying to build my first node app and am having problems with the javascript file, but not my css so I'm very confused. Here is my app.js:
var express = require("express");
var app = express();
app.set("view engine", "ejs");
app.use(express.static(__dirname + '/public'));
I couldn't load my js file until I added line 4, where I saw in the chrome console "connected", which was from my js file. The problem that I am having is that since I added line 4, express.static my js file hasn't changed and everything that I have added in the file is not showing in the chrome resources tab. Strangely though, my css file is working correctly, so I'm a little bit stumped.
I am trying linking to the js file like:
<script src="javascripts/main.js"></script>
I'm not really sure why its not working properly, I tried restarting the server and have since installed nodemon which hasn't worked either. my folder structure is
app.js
public
stylesheets
main.css
javascripts
main.js
I have looked up the problem and have only found people not connecting to static files, not once connected they aren't showing any saved changes
I'm trying to build my first node app and am having problems with the javascript file, but not my css so I'm very confused. Here is my app.js:
var express = require("express");
var app = express();
app.set("view engine", "ejs");
app.use(express.static(__dirname + '/public'));
I couldn't load my js file until I added line 4, where I saw in the chrome console "connected", which was from my js file. The problem that I am having is that since I added line 4, express.static my js file hasn't changed and everything that I have added in the file is not showing in the chrome resources tab. Strangely though, my css file is working correctly, so I'm a little bit stumped.
I am trying linking to the js file like:
<script src="javascripts/main.js"></script>
I'm not really sure why its not working properly, I tried restarting the server and have since installed nodemon which hasn't worked either. my folder structure is
app.js
public
stylesheets
main.css
javascripts
main.js
I have looked up the problem and have only found people not connecting to static files, not once connected they aren't showing any saved changes
Share asked Jul 24, 2016 at 18:22 jSutcliffe90jSutcliffe90 3232 gold badges6 silver badges19 bronze badges 1- Can you try with <script src="./javascripts/main.js"></script> ? – Alburkerk Commented Jul 24, 2016 at 18:26
3 Answers
Reset to default 9I think you must disable cache in your browser. Because browser think that file is not to old to be refresh from server and use cached file.
For Chrome - open console by F12
(also in other browser works) and check it.
Try using an absolute path to ensure static assets get loaded properly. Using relative paths (e.g. javascripts/main.js
) can be problematic because of the way the browser converts them to absolute paths (it takes into account the full url, including any nested routes).
So for example if you have a route /foo/bar
set up and you are using relative paths, when you visit /foo/bar
in your browser, the browser will try to access /foo/bar/javascripts/main.js
.
The problem you are facing is already answered by the library like webpack. It does hot reloading. Whatever the changes you make to your web app, will be loaded into client and the files will be patched to update the changes without having to restart the server. You will have updated scripts running in the browser.
本文标签: javascriptNode static js file isn39t refreshingStack Overflow
版权声明:本文标题:javascript - Node static js file isn't refreshing - Stack Overflow 内容由网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:http://www.betaflare.com/web/1742140695a2422567.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论