Angular4读取本地文件

Question

我尝试读取image文件夹avatar中的所有文件名，但收到错误。

Cannot find name 'require'.

我在avatar中有很多文件，并希望将它们列为<images>元素。这就是为什么我试图在文件夹中获取文件名。

我正在使用Angular 4.2.5和Webpack

import { Component, Input } from '@angular/core';


var filesystem = require('fs')

const AVATAR_PATH = '../assets/img/avatar'

@Component({
    selector: 'profile',
    templateUrl: 'profile.component.html',
    styleUrls: ['profile.component.scss']
})
export class ProfileComponent {

    path = AVATAR_PATH;


  constructor() {
    console.log(this.getFileNames(AVATAR_PATH));
  }


  getFileNames(dir)
  {
    let results =[];
    filesystem.readdir(dir).forEach(function(file) {

      file = dir+'/'+file;
      results.push(file);
    });

    return results;
  }
}

我的文件夹结构是：

-app
---|room
------|profile
---|assets
------|image
----------|avatar