关于node.js：如何在Angular-4资产中读取csv文件


How to read csv file in Angular-4 assets

我是angular-4的新手，我想从angular-4资产目录中读取一个csv文件，文件大小为5mb，并且我不想从django后端服务器中读取此文件，因为该文件仅显示演示图 而且我不需要向服务器发送5mb的额外请求，谢谢
目前我关注这个堆栈溢出问题

文件读取

1
2
3
4
5
6
7
private fs = require('fs');

readCsvData () {
    let allText = this.fs.readFileSync('assets/demo-Results.csv', 'utf8');
    console.log(allText)
    // this.extractData(allText);
}

错误是：

ShowDemoResultsComponent.html:17 ERROR TypeError: this.fs.readFileSync
is not a function
at ShowDemoResultsComponent.webpackJsonp.../../../../../src/app/show-demo-results/show-demo-results.component.ts.ShowDemoResultsComponent.readCsvData
(show-demo-results.component.ts:119)
at Object.eval [as handleEvent] (ShowDemoResultsComponent.html:17)
at handleEvent (core.es5.js:12023)
at callWithDebugContext (core.es5.js:13493)
at Object.debugHandleEvent [as handleEvent] (core.es5.js:13081)
at dispatchEvent (core.es5.js:8615)
at core.es5.js:9226
at HTMLButtonElement. (platform-browser.es5.js:2651)
at ZoneDelegate.webpackJsonp.../../../../zone.js/dist/zone.js.ZoneDelegate.invokeTask
(zone.js:425)
at Object.onInvokeTask (core.es5.js:3881)

相关讨论

如果您使用新的HttpClient类(@ angular / common / http)，则必须将responseType设置为'text'，否则HttpClient类将尝试将内容解释为json并引发SyntaxError ...

1
2
3
4
5
6
7
8
9
10
e.g.:
this.http.get('assets/file.csv', {responseType: 'text'})
    .subscribe(
        data => {
            console.log(data);
        },
        error => {
            console.log(error);
        }
    );
相关讨论

我终于找到答案了
这是我的方法：

1
2
3
4
5
6
7
8
9
10
11
csvUrl = 'assets/demo-Results.csv';
readCsvData () {
      this.http.get(this.csvUrl)
        .subscribe(
          data => {
            console.log(data.text())
          },
          err => {
            console.log(err)
          });
  }