使用带有角度cli的外部库

时间:2016-11-10 11:26:33

标签: angular typescript angular-cli

我已经使用我的角应用安装了一个第三方模块jsPDF。该模块工作正常,但我的控制台出错:

Cannot find module '../../../node_modules/jspdf/dist/jspdf.min.js'

我做了什么:

  1. 通过npm:
  2. 安装模块

    npm install MrRio/jsPDF --save

    1. 导入我的组件中的模块:
    2. import * as jsPDF from '../../../node_modules/jspdf/dist/jspdf.min.js';

      1. 然后只需在我的组件中使用此模块。
      2. 这里缺少什么?

1 个答案:

答案 0 :(得分:6)

请查看此处的说明:github.com/angular/angular-cli#3rd-party-library-installatio‌​n

如果jsPDF(或任何其他库)需要位于全局范围内,则需要将JS文件添加到apps[0].scripts文件中的angular-cli.json,然后将其捆绑为WebPack,就好像它是加载了<script>标记。如果您这样做,可以通过在declare var jsPDF: any;或组件中添加src/typings.d.ts来实现此目的。

但是,jsPDF npmjs.com/package/@types/jspdf似乎有类型,因此您可以在运行npm install --save-dev @types/jspdf之后将其包含在内;你应该可以在你的组件中import { jsPDF } from 'jspdf';