时间戳

首页 > 解决方案 > Slick Slider - 参考错误：终端命令 node app.js 后未定义 $

javascript - Slick Slider - 参考错误：终端命令 node app.js 后未定义 $

问题描述

我正在使用 Slick Carousel，如果我使用 node app.js 命令，我找不到我的 Slick 无法工作的原因。

如果我打开 index.html 一切正常。当我使用 node app.js 命令时，它说：“参考错误：$ 未定义”。

这是我的

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>bg designs</title>

（我试过选项）

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

（也没有它）（我也尝试从我的文件中本地引用它）

  <link rel="stylesheet" href="slick.css">
  <link rel="stylesheet" href="assets/css/styles.css">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  <link rel="stylesheet"href="https://use.fontawesome.com/releases/v5.11.2/css/all.css">
</head>

这是我的身体底部

  <script type="text/javascript" src="https://code.jquery.com/jquery-1.11.0.min.js"></script>
  <script type="text/javascript" src="https://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
  <script type="text/javascript" src="slick.min.js"></script>
  <script src="app.js"></script>

身体底部的前三行是从 Slick carousel 网站复制的。

在我的 app.js 中，它看起来像这样

$(document).ready(function(){
  $('.multiple-items').slick({

当然，后面.slick({的设置并不重要，因为轮播完全按照我想要的方式工作。

我的意思是将它推送到 Heroku，这样我就可以将预览网站发送给我的客户。问题是它有这个问题，即使我认为我正确地引用了它，$ 也没有定义。

感谢您提供任何无毒的答案。祝你今天过得愉快。

标签： javascripthtmljquerynode.jsslick.js

解决方案

推荐阅读