javascript - NodeJS 与 Express Framework - js 脚本的相对路径

标签 javascript jquery node.js express

我使用 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/

相关文章:

javascript - 使用jquery单击眼睛图标时如何显示和隐藏密码

javascript - 导出 npm 库模块的所有类

javascript - 如何在CSS中用文本和图像制作带边框的正方形

node.js - Node Unzipper - 如何知道它已经完成

javascript - 创建一个 Node.js 可写流,将数据代理到另一个可写流,但首先在其前面添加一些自己的数据

javascript - Angular ng-include

javascript - Chrome : format specifier prints NaN instead of number

javascript - 点击事件后 Canvas 消失

javascript - jQuery:忽略选择器的元素索引

javascript - Node : How return different content types with same response (text and image)?