在 html 中添加一个 node_module 作为 javascript src

Add a node_module as a javascript src in html

本文关键字：node module 作为 src javascript 一个 html 添加      更新时间：2023-09-26

这似乎很疯狂，这并不像它应该的那样容易。

我的文件结构：

node_modules/
public/
 -- css/
 -- js/
 -- index.html

在index.html中，我尝试在node_module中加载一个文件，如下所示：

<script src="../node_modules/angular-ui-sortable/src/sortable.js"></script>

但是，这行不通。我的错误：

SyntaxError: Unexpected Token '<'

我检查了资源，sortable.js正在加载index.html的内容。当找不到指定的 javascript 文件时，我看到了这个问题。

这只是nodeJS的一些不稳定的问题吗？简单地将javascript文件加载到html中是否需要一些黑魔法？

我怀疑你在做这样的事情：

var express = require('express');
var app = express();
app.use(express.static(__dirname + '/public');

这将产生您看到的那种结果。 建议的修复：

加

app.use(express.static(__dirname + '/node_modules');

并将网址更改为 

<script src="/node_modules/angular-ui-sortable/src/sortable.js"></script>

我试过了，这个修复程序对我有用：

在应用中.js在节点中添加以下内容：

app.use('/node_modules',express.static(path.join(__dirname , 'node_modules')));

在您的索引中.html添加以下内容：

<script src="node_modules/<packagename>/<filename>.js"></script>

如果您担心从node_models文件夹导入不需要的包，则可以指定路由到所需包的特定文件夹。希望这有帮助。

相关文章：