Question

所以嘿伙计们，我正在尝试为我正在服用的这个有角度的2个课程运行一个html文件。创建应用程序的依赖项后，我用npm下载了它们。现在当我尝试运行应用程序时，我收到此错误..

文件：///Users/Rocky/Angular2-course/skeleton/node_modules/jquery/dist/jquery.min.js 无法加载资源：net :: ERR_FILE_NOT_FOUND

这就是我编写jquery脚本的方式..

colorVC.modalPresentationStyle = .popover

Answer 1

如果您的文件位于“./node_modules/jquery/dist/”中。然后，页面中的脚本标记如下所示：

<script src="/scripts/jquery.min.js"></script>

如果你使用带有nodejs的express，静态路由就像这样简单：

app.use('/scripts', express.static(__dirname + '/node_modules/jquery/dist/'));

然后，来自/scripts/xxx.js的任何浏览器请求都将自动从您的dist目录中获取。

注意：较新版本的NPM会将更多内容放在顶层，而不是嵌套得如此之深，因此如果您使用较新版本的NPM，则路径名称将与OP的问题和当前答案中指示的不同。但是，这个概念仍然是一样的。您可以找到文件在服务器驱动器上的物理位置，并使用express.static（）创建app.use（）以创建这些文件的伪路径，这样您就不会将实际的服务器文件系统组织暴露给客户。

Answer 2

如果你使用Angular，你想尝试避免使用jQuery，因为Angular附带了jqLite。尝试为Angular 2制作的Bootstrap版本。查看https://ng-bootstrap.github.io/#/getting-started

另外，连接它们的确是吗？

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.5/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.5/js/bootstrap.min.js"></script>

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>

Jquery不会加载

2 个答案: