Question

我需要的所有帮助我对angular-6还是新的。我的问题是如何import the csv or text file in typescript像下面的示例一样导入json我导入文件
1）范例：- 我将json文件存储在app文件夹下的文件夹中文件名login.json

{
    "email": "nabeel.amd93@gmail.com",
    "password": "Ballistic"
}

并像json.d.ts这样声明模块

这将允许您从磁盘加载.json文件

declare module "*.json" {
    const value: any;
    export default value;
}

并将此文件json文件导入为

//# json import
import jsonData from '../common/json/jsondata.json';
export const JsonResouce = <IJsondata> jsonData;

export interface IJsondata {
    email: string;
    password: string;
}

上面的示例对我有用，而我使用的解析csv和文本文件的过程相同，但这是母猪错误

  ./src/app/common/text/info.txt中的
ERROR模块解析失败：   意外令牌（1：9）您可能需要适当的加载程序来处理   此文件类型。 |巴基斯坦辛达巴德
  ./src/app/common/csv/latlong.csv中的错误模块解析失败：意外的令牌   （2：4）您可能需要适当的加载程序来处理此文件类型。 |   名称，经度，长|巴基斯坦旁遮普邦的Toba Tek Singh Pir Mahal
  30.767956 72.437813

我的csv和文本文件代码均为：-

// # csv file
import csvData from './latlong.csv';
//# text import
import textData from '../common/text/info.txt';
//# json import
import jsonData from '../common/json/jsondata.json';


export const TextResource = textData; // not-work
export const JsonResource = <IJsondata> jsonData; // work
export const CsvResource = <ILatLong[]> csvData; // not-work

export interface IJsondata {
    email: string;
    password: string;
}

export interface ILatLong {
    name: string;
    lat: any;
    long: any;
}

declare module "*.txt" {
    const content: string;
    export default content;
}

declare module '*.csv' {
    const value: any;
    export default value;
}

是否可以通过这种方式将csv | txt导入文件？

Answer 1

 let fileReader = new FileReader();

    fileReader.onload = (e) => {

      console.log(fileReader.result);
    }

    fileReader.readAsText('/assets/file.csv',function(readStrim){

}）;

如何在类型脚本中导入CSV文件和文本文件

1 个答案: