Импорт запросов css-element в приложение angular 6

Question

Я пытаюсь установить и использовать библиотеку css-element-query .

Для установки я использовал следующую команду:

npm i css-element-queries

После этого я попытался импортировать класс ResizeSensor из библиотеки следующим образом:

import { ResizeSensor } from 'css-element-queries';

Но компилятор получает следующую ошибку:

Не удалось найти файл объявления для модуля 'css-element-query'. 'С: /PrjNET/Elevation3/FW/4.00/Mainline/Framework/Development/Client/ElevationJS/ngcore/node_modules/css-element-queries/index.js' неявно имеет тип «любой». Попробуйте npm install @types/css-element-queries, если он существует, или добавьте новое объявление Файл (.d.ts), содержащий `объявление модуля 'css-element-запросы';

На основании сообщения об ошибке я попытался выполнить следующую команду npm:

npm install @types/css-element-queries

Но компилятор получил следующую ошибку:

нпм ERR! код E404 нпм ERR! 404 Не Найдено: @ Типы / CSS-элемент-запросы @ последний

Как мне импортировать библиотеку css-element-questions?

Answer 1

Я не использую Angular, но я просто столкнулся с импортом ResizeSensor в приложение на основе машинописи. Я не знаю, когда css-element-query добавил ResizeSensor.d.ts, но теперь это часть пакета.

Однако этот файл неверен. Я подал вопрос на gitHub для него. Вчера я провел некоторое исследование о том, как его импортировать, и в итоге прочитал о различных типах модулей и о том, как создать файл наборов в документации .

Это привело меня к правильному способу определения файла наборов для ResizeSensor. В основном, возьмите его из репозитория github и измените строку экспорта с:

export default ResizeSensor;

до

export = ResizeSensor;

тогда вы можете использовать это как ваш импорт:

import ResizeSensor = require('Libs/css-element-queries/ResizeSensor');

Ваш путь к запросам css-element будет другим, потому что вы не сможете извлечь его из npm, пока сопровождающий пакета не исправит файл .d.ts.

Вот ссылка на выпуск github .

Answer 2

Несмотря на то, что пакета пока нет, я могу использовать пакет css-element-queries, используя следующие операции импорта:

import * as ElementQueries from 'css-element-queries/src/ElementQueries';
import * as ResizeSensor from 'css-element-queries/src/ResizeSensor';

Atom по-прежнему выдает информационные предупреждения о невозможности найти файл объявления, но это все еще работает.Надеюсь, это поможет!