如何在angular1中包含来自node_modules的jquery

Question

这是我的HTML：

<!DOCTYPE html>
<html>
<head><% include ./header %>
<link type="text/javascript" src="loginScript" ></head>
<body class='home-page' ng-app="loginApp" ng-controller="LoginCtrl"> </body></html>

header.ejs我的应用程序

 <script type="text/javascript" src="/node_modules/jquery/dist/jquery.min.js"> 
 </script>

server.js

      var express = require('express');
      var app = express();
      var mysql = require('mysql');
      var path = require('path');
      var http = require('http');
      var fs = require('fs');
      var bodyParser = require('body-parser');
      app.set('view engine','ejs');

      app.get('/',(req,res) =>{
         res.render('./login_page');
      });
      app.use(express.static(path.join(__dirname, 'public')));
      var server = http.createServer();
      app.listen(8081);

运行节点server.js ，显示以下错误：localhost /：12 GET http：// localhost：8081 / node_modules / jquery / dist / jquery.min.js 404（未找到）

localhost/:1 Refused to execute script from 
'http://localhost:8081/node_modules/jquery/dist/jquery.min.js' because 
its MIME type ('text/html') is not executable, and strict MIME type 
checking is enabled.

我有node_modules/jquery/dist/jquery.min.js但是我不知道为什么我得到这个错误。

Answer 1

您实际上是在尝试提供静态资源，因此必须启用一个路径，在该路径中可以找到静态文件，例如脚本，css，图像等。

如果您将Expressjs用于后端，请在http://expressjs.com/es/starter/static-files.html中查看此链接。

Answer 2

解：

我解决了这个问题，我在server.js中声明了静态路径路由，因此这是我的静态路径，因此我必须从该路径中调用文件，例如（../node_modules/jquery/dist/jquery.min.js）

  <script type="text/javascript" src="../node_modules/jquery/dist/jquery.min.js"> 
  </script>

如何在angular1中包含来自node_modules的jquery

问题描述

2 个解决方案

解决方案1
0 2018-07-11 13:22:49

解决方案2
0 已采纳 2018-07-11 14:42:21

如何在angular1中包含来自node_modules的jquery

问题描述

2 个解决方案

解决方案1 0 2018-07-11 13:22:49

解决方案2 0 已采纳 2018-07-11 14:42:21

解决方案1
0 2018-07-11 13:22:49

解决方案2
0 已采纳 2018-07-11 14:42:21