Question

我有我的index.html：

<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>Aerosmith Messenger</title>
  <base href="/">

  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" 
rel="stylesheet" />
  <link rel="icon" type="image/x-icon" href="favicon.ico" />
  <link rel="stylesheet" href="assets/spinner.css" />

  <!--<script src="src/scripts/jquery-1.6.4.js"></script>-->
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.js">

</script>
</head>
<body>
  <am-root>
    <div class="spinner">
      <div class="double-bounce1"></div>
      <div class="double-bounce2"></div>
    </div>
  </am-root>
</body>
</html>

我试图包含jquery脚本。当我像这样（注释行）包含它时，它不起作用。帮我解决这个问题，因为我需要包含一些其他脚本。通过＆＃34;不起作用＆＃34;我的意思是在浏览器的控制台中找不到注释脚本的所有时间。

Answer 1

npm install --save jquery
npm install -D @types/jquery

在app.module.ts文件中：

import $ from 'jquery';

// Works :
$('#foo').value();

Answer 2

你打电话的方式没有错。也许你是从一个worng路径调用它或者js文件不是一个很好的预建。转到浏览器并检查它是否可以找到js文件。

Answer 3

确保您的jQuery JavaScript文件位于项目src/scripts/

中

不能包含脚本angular2 index.html（未找到）

3 个答案: