Question

我正在尝试将jquery-ui添加到我在Angular 5中的项目，因为我必须使用jquery-ui创建一个功能，但我无法让它工作。我收到错误：

TypeError： WEBPACK_IMPORTED_MODULE_10_jquery （...）。droppable不是功能

我尝试将jquery-ui脚本放到我的assets文件夹中并将其加载到index.html中，但这不起作用，因为它在jquery之前加载。现在我使用此代码将其添加到我使用它的组件中，并在jquery之后添加它但仍然得到上面的错误：

if (!document.querySelector('script[src="./assets/js/jquery-ui.min.js"]')) {
      const s = document.createElement('script');
      s.type = 'text/javascript';
      s.src = './assets/js/jquery-ui.min.js';
      document.head.appendChild(s);
    }

当我运行npm install jquery-ui并将脚本添加到angular-cli.json时，会发生同样的错误......不知道还有什么可以尝试......

编辑：这个答案最终对我有用：Angular4 can't find Jquery-UI functions

Answer 1

您可以安装jquery-ui-dist以避免在索引文件中添加文件：

npm install jquery
npm install jquery-ui-dist

在script

内的angular-cli.json中添加此内容

 "../node_modules/jquery/dist/jquery.min.js",
 "../node_modules/jquery-ui-dist/jquery-ui.js"

在Angular 5项目中包含jquery-ui

1 个答案: