使用组件作为NPM包Angular6

我是安格拉尔的初学者。我尝试使用Angular5 Csv下载Csv文件

因此，我使用了以下语句：

安装：

>  npm install --save angular5-csv

然后我导入了上面的内容：

> import { Angular5Csv } from 'angular5-csv/dist/Angular5-csv';

*

使用Angular5 csv的组件指向/dist文件夹，而不是npm包。我想添加为npm包。任何人 请帮我一下。

---

*我想它的意义是

import { Angular5Csv } from 'angular5-csv/Angular5-csv' 

---

来自以下链接“”。对吗？

您使用的angular软件包似乎在创建后已更新，并且说明尚未更新

话虽如此

import { Angular5Csv } from 'angular5-csv/dist/Angular5-csv';

指向包，但它指向包内名为dist的子文件夹

另外，我还注意到npmjs页面上的链接名稍有不同，但似乎具有相同的功能

因此，如果导入名称中没有dist真的很重要，您可以改为：

npm install --save angular-csv-ext

然后使用以下导入：

import { AngularCsv } from 'angular-csv-ext/Angular-csv';

以下是我的组件在加载时导出CSV数据的示例：

import { Component, OnInit } from '@angular/core';
import { AngularCsv } from 'angular-csv-ext/Angular-csv';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {
  ngOnInit(): void 
  {
    var data = [
      {
        name: "Test 1",
        age: 13,
        average: 8.2,
        approved: true,
        description: "using 'Content here, content here' "
      },
      {
        name: 'Test 2',
        age: 11,
        average: 8.2,
        approved: true,
        description: "using 'Content here, content here' "
      },
      {
        name: 'Test 4',
        age: 10,
        average: 8.2,
        approved: true,
        description: "using 'Content here, content here' "
      },
    ];
    new AngularCsv(data, 'My Report');
  }
  title = 'test';

}

---

你能分享一下这个插件的链接吗？我会检查一下，然后再给你回复？另外，你能详细描述一下你的问题吗。。一个指向Dist子文件夹。我尝试了上面的插件。这对我来说很好。谢谢；）上述导入不起作用。因为该组件位于DIST子文件夹下。我想他们输入错误或者没有更新网站。好的。。。你终于找到答案了