用jquery安装NPM给出错误?定义是未定义的?

时间:2017-09-25 23:13:27

标签: javascript jquery node.js npm

我在NPM上安装了jquery,并尝试将其合并到现有网页中。

在控制台中,我看到以下错误: error in console

在我的代码中,我有一个这样的骨架:

<!DOCTYPE html>
    <html lang='en'>
        <head>
            <title></title>
            <link rel='stylesheet' type = 'text/css' href='css/' />
            <meta name="viewport" content="width=device-width,initial-scale=1.0">
            <meta charset="UTF-8">
         </head>
         <body>
              <script type='text/javascript' src='node_modules/jquery/src/jquery.js'></script>
      <script type= 'text/javascript' src='javascript/script.js'></script>
        </body>
    </html>

查看文件本身和控制台中的错误,我看到以下两种方式反映: error in full detail

我对定义语句不是很熟悉,但是我从上面和谷歌上下搜索过。看起来我需要安装像webpack这样的捆绑器?

但我觉得仅仅在没有cdn的项目中添加jQuery是不必要的。

我是在叫错树吗?或者这是一个常见的问题吗?

1 个答案:

答案 0 :(得分:1)

使用npm install jquery是您use jquery with node.js在服务器上的方式。

这听起来并不像你想要做的那样 - 而是你想在节点服务器本地提供的网页上使用它。为此,请手动download jQuery并将其包含在您的网站文件结构中。

 - index.html
 - /scripts
   - jquery-3.2.1.min.js

然后在您的HTML中将其引用到本地:

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