将Cheerio.js添加到Angular 6项目中?

时间:2018-09-30 17:51:29

标签: angular cheerio

我创建了一个全新的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'的声明文件。”

我会以错误的方式处理吗?我只需要能够在Angular应用程序中解析一些HTML,并了解到Cheerio.js是必经之路。

2 个答案:

答案 0 :(得分:3)

不要在cheerio的{​​{1}}内添加imports,基本上NgModule数组采用Angular应用程序模块名称,您想在其中使用第三方库角度应用。

基本上,您应该在imports文件cheerio选项中添加angular.json文件引用。这将确保scripts插件已加载到捆绑文件中。现在可以使用了。

cheerio

然后在Angular代码中使用"scripts": [ ..., "node_modules/cheerio/lib/cheerio.js" ] 插件函数。但是,您还应该安装cheerio类型,这样打字稿就不会抱怨它。

cheerio

答案 1 :(得分:1)

您还需要安装cheerio类型npm install --save @ types / cheerio