从Angular 4升级到6后，App无法访问jquery插件

Question

以前工作正常的Jquery插件现在没有，因为我已经从Angular 4升级到6。

我收到了这样的错误：

  

TypeError：$（...）。datepicker不是函数

     

TypeError：$（...）。select2不是函数

等

我的vendor.ts文件包含这些（与Angular 4设置相同，无变化）：

import 'jquery';
import 'bootstrap/dist/js/bootstrap';
import 'select2/dist/js/select2';
import 'jquery-ui/ui/widgets/datepicker';

有关如何使这项工作的任何建议？我错过了什么吗？

我的组件一直使用jquery

import * as $ from 'jquery'; //can use $ thereafter in the class

我使用的是Webpack 4（也是从2.x分支升级）。

我不使用Angular CLI

Answer 1

您确定这是Angular 6升级问题，而不是webpack问题吗？我有相同的症状，但是通过编辑webpack配置使其包含以下内容来解决：

resolve: {
    alias: {
        'jquery': require.resolve('jquery'),
...