Добавление Cheerio.js в проект Angular 6?

Question

Я создал совершенно новый проект Angular 6 и установил Cheerio.js:

npm install cheerio

Как только Cheerio.js был установлен, я решил, что все, что мне нужно было сделать, чтобы добавить егочтобы мой проект должен был импортировать его и добавить его в импорт NgModule:

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import * as cheerio from 'cheerio';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    cheerio
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Однако после этого я получаю ошибку TypeScript, что-то вроде «Не удалось найти файл объявления»для модуля 'cheerio'. "

Я поступаю неправильно?Мне просто нужно иметь возможность анализировать HTML-код в приложении Angular и читать, что Cheerio.js - это путь.

Answer 1

Не добавляйте cheerio внутри imports вашего NgModule, в основном массив imports принимает имя модуля приложения Angular, где вы хотите использовать стороннюю библиотеку внутри приложения Angular.

Как правило, вы должны добавить cheerio ссылку на файл внутри вашей опции angular.json file scripts.Это гарантирует, что плагин cheerio загружен в ваш файл пакета.Теперь он готов к использованию.

"scripts": [
  ...,
  "node_modules/cheerio/lib/cheerio.js"
]

Затем используйте функцию плагина cheerio внутри вашего Angular кода.Но вам также следует установить cheerio набор текста, чтобы машинопись не жаловалась на него.

npm i -D @types/cheerio

Answer 2

Вам также необходимо установить cheerio types npm install --save @ types / cheerio