Question

我在我的应用程序中使用了多个Node / Express模块，并且只要我const module = require('module');都可以正常工作。我不需要将这些模块的静态路径定义为app.use(express.static(path.join(__dirname, 'public')));。

但是，对于 sweetalert 模块，如果我在 layout.pug （基础哈巴狗文件）script(src="/node_modules/sweetalert/dist/sweetalert.min.js")中定义，则会收到404错误（不是找到），除非我在 app.js 中包含以下静态路径：app.use("/node_modules", express.static(__dirname + "/node_modules"));。

我的问题是：这是正常的行为还是我没有做对的事情？（我有点困惑，为什么我必须为我使用的几个模块之一定义静态路径。

Answer 1

这是怎么回事：

app.use(express.static(path.join(__dirname, 'public')));声明浏览器可以访问公用目录。您应该将所有前端资源放在该文件夹中。这将有助于区分可从服务器访问的内容和可从客户端访问的内容。

当您引用script(src="/node_modules/sweetalert/dist/sweetalert.min.js")时，浏览器将抛出404，因为该文件不在公共目录中，因此浏览器无法访问。

添加此行app.use("/node_modules", express.static(__dirname + "/node_modules"));“修复”您的问题，但现在将所有node_modules公开给浏览器。这可能不是一个好主意，我敢肯定，安全专家可以详细说明为什么不应该这样做。

我将如何解决此问题：浏览您的.pug代码并查看您的前端所需的任何资源。然后将它们复制到公用文件夹，并修复您的引用以使用资源的副本。

这是我用来将资源从node_module目录移动到public / assets目录的脚本示例：

build.js：

const path = require('path');
var fs = require('fs');

const ASSETS = [
    'jquery/dist/jquery.min.js',
    'sweetalert/dist/sweetalert.min.js'
];

if (!fs.existsSync('./public/assets')){
    fs.mkdirSync('./public/assets');
}

ASSETS.map(asset => {
    let filename = asset.substring(asset.lastIndexOf("/") + 1);
    let from = path.resolve(__dirname, `./node_modules/${asset}`)
    let to = path.resolve(__dirname, `./public/assets/${filename}`)
    if (fs.existsSync(from)) {
        fs.createReadStream(from).pipe(fs.createWriteStream(to));
     } else {
        console.log(`${from} does not exist.\nUpdate the build.js script with the correct file paths.`)
        process.exit(1)
    }
});

然后我将package.json更新为包含在脚本中：

package.json：

"scripts": {
    "build": "node ./build.js || true",
    "start": "node ./bin/www"
}

然后在我的任何视图页面中，我都使用新路径引用资源

random.pug：

script(src="/assets/jquery.min.js")
script(src="/assets/sweetalert.min.js")

最后，在部署应用程序之前，现在必须运行以下命令： npm run build然后npm start

仅当前端资源发生更改时，才需要运行build命令。因此，如果您仅使用sweetalert.min.js，则只需在首次运行应用程序时运行该构建。如果以后再添加另一个资源aNewResource.js，则需要更新build.js文件并再次运行npm run build。

NOde.js / Express App找不到某些node_modules

1 个答案: