在Angular 5项目中包括JQuery-UI

Question

我正在尝试将jQuery-ui添加到我在Angular 5中的项目，因为我必须使用JQuery-UI创建一个功能，但是我无法使其工作。我有错误：

typeError： webpack_imported_module_10_jquery (...(。 功能

我尝试将jQuery-UI脚本放在我的资产文件夹中，然后将其加载到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安装jQuery-UI并将脚本添加到Angular-cli.json时，同样的错误发生...不知道要尝试什么...

编辑：这个答案最终对我有用：angular4找不到jQuery-ui函数

Answer 1

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

npm install jquery
npm install jquery-ui-dist

在angular-cli.json中的script中添加此

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