Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
添加一个节点模块作为html中的javascript src_Javascript_Html_Node.js - Fatal编程技术网

添加一个节点模块作为html中的javascript src

添加一个节点模块作为html中的javascript src,javascript,html,node.js,Javascript,Html,Node.js,看起来很疯狂,这并不像应该的那么容易 我的文件结构: node_modules/ public/ -- css/ -- js/ -- index.html 在index.html中,我尝试在节点模块中加载一个文件,如下所示: <script src="../node_modules/angular-ui-sortable/src/sortable.js"></script> 但是,这不起作用。我的错误: SyntaxError: Unexpected Tok

看起来很疯狂,这并不像应该的那么容易

我的文件结构:

node_modules/
public/
 -- css/
 -- js/
 -- index.html
index.html
中,我尝试在
节点模块中加载一个文件,如下所示:

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

但是,这不起作用。我的错误:

SyntaxError: Unexpected Token '<' 

SyntaxError:Unexpected Token'我怀疑你在做这样的事情:

var express = require('express');
var app = express();

app.use(express.static(__dirname + '/public');
这会产生你看到的那种结果。建议修复:

并将url更改为

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

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

var express = require('express');
var app = express();

app.use(express.static(__dirname + '/public');
这会产生你看到的那种结果。建议修复:

并将url更改为

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

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

var express = require('express');
var app = express();

app.use(express.static(__dirname + '/public');
这会产生你看到的那种结果。建议修复:

并将url更改为

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

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

var express = require('express');
var app = express();

app.use(express.static(__dirname + '/public');
这会产生你看到的那种结果。建议修复:

并将url更改为

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

我试过了,这个补丁对我很有效:

在您的app.js节点中添加以下内容:

app.use('/node_modules',express.static(path.join(__dirname , 'node_modules')));
<script src="node_modules/<packagename>/<filename>.js"></script>
在index.html中添加以下内容:

app.use('/node_modules',express.static(path.join(__dirname , 'node_modules')));
<script src="node_modules/<packagename>/<filename>.js"></script>


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

我尝试过,这个补丁对我很有效:

在您的app.js节点中添加以下内容:

app.use('/node_modules',express.static(path.join(__dirname , 'node_modules')));
<script src="node_modules/<packagename>/<filename>.js"></script>
在index.html中添加以下内容:

app.use('/node_modules',express.static(path.join(__dirname , 'node_modules')));
<script src="node_modules/<packagename>/<filename>.js"></script>


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

我尝试过,这个补丁对我很有效:

在您的app.js节点中添加以下内容:

app.use('/node_modules',express.static(path.join(__dirname , 'node_modules')));
<script src="node_modules/<packagename>/<filename>.js"></script>
在index.html中添加以下内容:

app.use('/node_modules',express.static(path.join(__dirname , 'node_modules')));
<script src="node_modules/<packagename>/<filename>.js"></script>


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

我尝试过,这个补丁对我很有效:

在您的app.js节点中添加以下内容:

app.use('/node_modules',express.static(path.join(__dirname , 'node_modules')));
<script src="node_modules/<packagename>/<filename>.js"></script>
在index.html中添加以下内容:

app.use('/node_modules',express.static(path.join(__dirname , 'node_modules')));
<script src="node_modules/<packagename>/<filename>.js"></script>



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

您使用什么服务您的静态资产?您正在为node_modules目录提供服务吗?如果您的节点模块依赖于它,请确保包含require.js。许多node_模块无法在浏览器中运行,只能在服务器端运行。我怀疑任何为静态资产服务的模块都会在
public/
中设置为docroot,这意味着它无法识别任何更高的模块。可能使用browserify?您使用什么服务您的静态资产?您正在为node_modules目录提供服务吗?如果您的节点模块依赖于它,请确保包含require.js。许多node_模块无法在浏览器中运行,只能在服务器端运行。我怀疑任何为静态资产服务的模块都会在
public/
中设置为docroot,这意味着它无法识别任何更高的模块。可能使用browserify?您使用什么服务您的静态资产?您正在为node_modules目录提供服务吗?如果您的节点模块依赖于它,请确保包含require.js。许多node_模块无法在浏览器中运行,只能在服务器端运行。我怀疑任何为静态资产服务的模块都会在
public/
中设置为docroot,这意味着它无法识别任何更高的模块。可能使用browserify?您使用什么服务您的静态资产?您正在为node_modules目录提供服务吗?如果您的节点模块依赖于它,请确保包含require.js。许多node_模块无法在浏览器中运行,只能在服务器端运行。我怀疑任何为静态资产服务的模块都会在
public/
中设置为docroot,这意味着它无法识别任何更高的模块。可能使用browserify?这是正确的,但值得注意的是,并非所有节点模块都能在浏览器中正常工作,而且许多节点模块不是特别“浏览器友好”(例如,分配给全局变量等),除非重新处理。您的怀疑是正确的。我尝试了修复,但没有用——同样的错误。实际上,我只是想在开发过程中停止使用
uglify
,因为在单个缩小的js文件上调试会变得单调乏味。似乎使用
browserify
或其他一些
grunt
插件来包含所有我的js文件都是最佳选择。你应该考虑使用源代码映射。这是真的,但值得注意的是,并非所有节点模块都能在浏览器中正常工作,而且许多节点模块并不特别“浏览器友好”(例如,分配给全局变量等)除非重新修改。你的怀疑是正确的。我尝试了修复,但没有效果-同样的错误。实际上,我只是想在开发过程中停止使用
uglify
,因为在一个缩小的js文件上调试会变得单调乏味。似乎使用
browserify
或其他
grunt
插件来包含我所有的js文件都会很麻烦最佳。您应该考虑使用源映射。这是事实,但值得注意的是,并非所有节点模块都能在浏览器中正常工作,而且许多节点模块并不特别“浏览器友好”(例如,分配给全局变量等)除非重新修改。你的怀疑是正确的。我尝试了修复,但没有效果-同样的错误。实际上,我只是想在开发过程中停止使用
uglify
,因为在一个缩小的js文件上调试会变得单调乏味。似乎使用
browserify
或其他
grunt
插件来包含我所有的js文件都会很麻烦最好。你应该考虑使用源映射。这是真的,但值得注意的是,并非所有节点模块都能在浏览器中正常工作,而且许多节点模块不是特别“浏览器友好”(例如,分配给全局变量等),除非重新处理。你的怀疑是正确的。我尝试了修复,但没有效果-相同的e