jquery_1.default не является функцией веб-пакета

Question

Я хочу использовать внешний импорт jquery из веб-пакета, но когда я использую import $ from 'jquery', браузер выдает ошибку jquery_1.default is not a function, и после того, как я изменил синтаксис импорта на import * as $ from 'jquery' и const $ = require('jquery'), он все тот же.Я использовал машинопись, webpack и vue.Кто знает, что мне делать?Заранее спасибо.

tsconfig.js

webpack.config.js

Информация об ошибке

globals.d.ts

Answer 1

Возможно, есть лучший подход, чем тот, который описан в вашем вопросе.Если вы устанавливаете jquery и @ types / jquery через npm, а затем импортируете их в контроллеры только там, где они используются, вам не потребуется конфигурация или объявление jquery ни в webpack.config.js, ни в globals.d.ts.

1. Удалить конфигурацию jquery externals из webpack.config.js
2. Удалить все var jquery = require("jquery"); и declare var jQuery: any; экземпляры из кода
3. Выполнить npm install jquery --save
4. Выполнить npm install @types/jquery --save-dev
5. Добавьте import * as $ from 'jquery'; к любым контроллерам, где это необходимо

Затем вы можете сделать:

if (!$.trim(this.inputName)) { 
    console.log('inputName was empty or whitespace only');
} else {
    console.log('inputName contained alphanumeric text');
}

Всегда использовать $ для ссылки на библиотеку вместо jquery здесь и далее.