我使用 Express 生成器来创建 Node 应用程序。目录结构如下所示:
.
├── app.js
├── bin
│ └── www
├── package.json
├── public
│ ├── images
│ ├── javascripts
│ └── stylesheets
│ └── style.css
├── node_modules
│ └── jquery
│ └── dist
| |___jquery.min.js
├── routes
│ ├── index.js
│ └── users.js
└── views
├── error.jade
├── index.jade
└── layout.jade
在我的index.jade 文件中,我尝试重用node_modules 中的jquery.min.js,而不是使用Web 源的url:
doctype html
html
head
link(rel='stylesheet', href= '/stylesheets/style_monit.css')
body
#container
.row
.col-sm-4(style='background-color:lavender;') .col-sm-4
.col-sm-4(style='background-color:lavenderblush;') .col-sm-4
.col-sm-4(style='background-color:lavender;') .col-sm-4
.col-md-4
textarea#inData.form-control(style='background:#222; color:#00ff00;', rows='8')
script(type='text/javascript' src='../node_modules/jquery/dist/jquery.min.js')
css 文件加载得很好,但在 Chrome 控制台中出现错误
获取 http://localhost:3000/node_modules/jquery/dist/jquery.min.js 未找到
最佳答案
我认为问题在于 node_modules 目录是私有(private)的,不应该暴露给客户端。只能提供公共(public)目录中的静态文件。请参阅this Stack Overflow answer了解更多信息。
关于javascript - NodeJS 与 Express Framework - js 脚本的相对路径,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29680221/