在Angular-Cli中使用第三方NPM包

时间:2017-08-09 13:33:34

标签: javascript angular npm angular-cli

我已经阅读了无数关于如何使用第三方软件包的教程,但没有人真正说明在component.ts中需要做些什么来使有关import语句以及如何访问该函数的工作。< / p>

包裹:https://www.npmjs.com/package/@vote539/excel-as-json

以下是我遵循的步骤:

  • 1)Npm安装excel-as-json --save

  • 2)将脚本添加到angluar-cli.json脚本数组

  • 3)在typings.d.ts
  • 中添加打字
  • 4)添加导入声明

1)使用Angular-Cli我安装了包

我已将此软件包添加到angular-cli.json内的脚本数组中。

2).Angular-Cli.json

...
  "styles": [
        "styles.scss"
      ],
      "scripts": [ "../node_modules/excel-as-json/lib/excel-as-json.js" ],
      "environmentSource": "environments/environment.ts",
      "environments": {
...

3)我添加了一些打字

typings.d.ts

declare var module: {
  id: string;
};
declare var require: any;

4)我在component.ts文件中添加了import语句

convertExcel = require('excel-as-json').processFile;

然后在我的构造函数中添加了运行转换所需的代码:

compoent.ts

export class DashboardComponent implements OnInit{ 
  constructor() {
    convertExcel('../assets/excel/assignedresources.xlsx', '../assets/excel/assignedresources.json');
   }

    ngOnInit() {

      }
  }

我尝试了很多种导入状态,总是遇到以下错误:

的错误

Cannot find module 'excel-as-json'.)
(14,5): Cannot find name 'convertExcel'.)

0 个答案:

没有答案