Javascript 在SPFx项目中使用滑动转盘。我正在加载库，但遇到一些奇怪的控制台错误

我引用的CSS和JS文件如下：

    SPComponentLoader.loadCss('../node_modules/slick-carousel/slick/slick.css');
    SPComponentLoader.loadCss('../node_modules/slick-carousel/slick/slick-theme.css');
    SPComponentLoader.loadScript('../node_modules/slick-carousel/slick/slick.min.js');

当我进入chrome中的开发工具并查看源代码时，我可以进入，所有的文件都在那里

但是，在控制台中，我收到以下错误：

Failed to load resource: net::ERR_NAME_NOT_RESOLVED

Uncaught (in promise) Error: Error: Unable to load script https://relative-path.invalid/jquery
    Error loading https://relative-path.invalid/jquery as "jquery" from https://localhost:4321/node_modules/slick-carousel/slick/slick.min.js

这是在通过CDN引用jQuery时发生的。我还尝试通过TypeScripts导入语句引用它，并使用上面使用的.loadScript方法

有人知道出了什么问题吗

---

像这样导入jQUery

import * as $ from 'jquery';

我的类构造函数

public constructor() {
    super();

    SPComponentLoader.loadCss('../../node_modules/slick-carousel/slick/slick.css');
    SPComponentLoader.loadCss('../../node_modules/slick-carousel/slick/slick-theme.css');
  }

我的渲染方法：

public render(): void {
    this.domElement.innerHTML = `
      <div class="container">
        <div class="your-class">
          <div>your content</div>
          <div>your content</div>
          <div>your content</div>
        </div>
      </div>
      `;

      require('../../../node_modules/slick-carousel/slick/slick.js');

      $('.your-class').slick();

  }

public render（）：void{
this.doElement.innerHTML=`
你的内容
你的内容
你的内容
`;
需要（'../../../node_modules/slick carousel/slick/slick.js'）；
$（'.your class'）.slick（）；
}

---

它很难看，没有箭头按钮，但我可以用鼠标拖动它使它滑动。

我想您已经将jquery作为另一个依赖项添加到脚本中。@user7776232我已经完成了npm I--save jquery命令。那应该已经处理好了，对吧？不，你要么需要，要么导入。或者像上面的例子那样加载它，或者像普通的require语句一样尝试（输入错误qbove的requireesry。我用智能手机输入。你的问题是你没有对jquery的引用。在slick之前尝试请求或加载它，它应该可以工作