jquery__WEBPACK_IMPORTED_MODULE_1 __ (...). datepicker не является функцией - PullRequest
Новая
       9

jquery__WEBPACK_IMPORTED_MODULE_1 __ (...). datepicker не является функцией

0 голосов
/ 17 июня 2020

Я использую Angular 6. Я направил все соответствующие вопросы для этого, и ни один из них не решил мою проблему, поэтому я поднимаю этот вопрос.

Я выполнил шаги, указанные в "" https://www.ag-grid.com/javascript-grid-cell-editing/#gsc .tab = 0"для добавления datePicker в мой редактор ячейки ag-grid.

Сначала я получил сообщение об ошибке« $ не определено », которая была решена путем установки jquery и соответствующих библиотеки и добавление «import * as $ from 'jquery';» в файл ts моих компонентов.

теперь, когда аг-сетка загружается, если я нажимаю на ячейку datepicker для ее редактирования, я получаю следующую ошибку: 

core.js:1673 ERROR TypeError: jquery__WEBPACK_IMPORTED_MODULE_1__(...).datepicker is not a function
    at Datepicker.init (dashboard.component.ts:875)
    at UserComponentFactory.push../node_modules/ag-grid-community/dist/ag-grid-community.cjs.js.UserComponentFactory.initComponent (ag-grid-community.cjs.js:14369)
    at UserComponentFactory.push../node_modules/ag-grid-community/dist/ag-grid-community.cjs.js.UserComponentFactory.createAndInitUserComponent (ag-grid-community.cjs.js:14123)
    at UserComponentFactory.push../node_modules/ag-grid-community/dist/ag-grid-community.cjs.js.UserComponentFactory.newCellEditor (ag-grid-community.cjs.js:14057)
    at CellComp.push../node_modules/ag-grid-community/dist/ag-grid-community.cjs.js.CellComp.createCellEditor (ag-grid-community.cjs.js:19053)
    at CellComp.push../node_modules/ag-grid-community/dist/ag-grid-community.cjs.js.CellComp.startEditingIfEnabled (ag-grid-community.cjs.js:19042)
    at CellComp.push../node_modules/ag-grid-community/dist/ag-grid-community.cjs.js.CellComp.startRowOrCellEdit (ag-grid-community.cjs.js:19019)
    at CellComp.push../node_modules/ag-grid-community/dist/ag-grid-community.cjs.js.CellComp.onCellDoubleClicked (ag-grid-community.cjs.js:19010)
    at CellComp.push../node_modules/ag-grid-community/dist/ag-grid-community.cjs.js.CellComp.onMouseEvent (ag-grid-community.cjs.js:18947)
    at GridPanel.push../node_modules/ag-grid-community/dist/ag-grid-community.cjs.js.GridPanel.processMouseEvent (ag-grid-community.cjs.js:27411)

1 Ответ

0 голосов
/ 02 сентября 2020

У меня была такая же проблема. Я знаю, что это старая проблема. Но это может помочь некоторым другим.

Недавно мы перешли с AG9 на AG10. Но это не имеет отношения к этой проблеме (это к сведению). Я решил проблему, вручную поместив файлы «jquery» и «jquery -ui» в папку с ресурсами даже после установки «@ types / jquery».

Процедура, которую я выполнил это:

Step1: 

npm install --save @types/jquery

Step2:

Добавьте jquery к типам в tsconfig.app. json

"types": [
  "jquery"
]

Step3:

Добавьте jquery, jquery -ui папки к активам / скриптам или любой другой папке, с которой вам удобно

Шаг 4:

Добавьте Jquery ссылок в angular. json Пример: 

"styles": [
          "src/assets/scripts/jquery-ui/jquery-ui.css",
          .....,
          .....,
        ],
"scripts": [
          "src/assets/scripts/jquery/jquery-3.2.1.min.js",
          "src/assets/scripts/jquery-ui/jquery-ui.js"
        ],

Шаг 5:

Это это самый важный аспект. Перезагрузите IDE / Editor. У меня есть VS Code, мне пришлось перезапустить его, чтобы он работал.

При таком подходе вы можете заставить работать выбор даты.

Примечание: Я использовал выбор даты в Ag Grid. Для этого мне пришлось выполнить следующую процедуру.

...