Javascript 获取指定文件夹中的所有文件名

Javascript 获取指定文件夹中的所有文件名,javascript,node.js,angular,typescript,Javascript,Node.js,Angular,Typescript,在我的Angular应用程序中,我想列出资产文件夹中的所有文件名 所以我想使用这个npm库:在dir中列出文件 Sso我在angular应用程序中安装了此服务: import { Injectable } from '@angular/core'; import { HttpClient } from '@angular/common/http'; import {listFiles} from 'list-files-in-dir'; @Injectable(

在我的Angular应用程序中,我想列出资产文件夹中的所有文件名

所以我想使用这个npm库:在dir中列出文件

Sso我在angular应用程序中安装了此服务:

    import { Injectable } from '@angular/core';
    import { HttpClient } from '@angular/common/http';
    import {listFiles} from 'list-files-in-dir';
    @Injectable()
    export class ConfigService {
      files: any;
      constructor(private http: HttpClient) { }
    
      getFilesFromFolder(){
        listFiles('assets/')
        .then(files => {
            // do what ever you want with the file paths
            this.files = files
            console.log(this.files)
        }
       }
     }
但当调用它时,我得到以下错误:

错误:未捕获(承诺中):错误:错误:enoint:没有这样的文件 或目录。,“/assets”错误

我已经为此做了一个stackblitz片段:


建议?

您不能直接访问angular中的文件系统,因为有一天您可能会部署代码,然后代码在浏览器中运行

如果结合创建桌面应用程序,则可以通过访问桌面文件系统

Angular具有
环境的概念
要存储配置,您可以在prod和dev之间进行不同的配置,请查看

仅对于普通配置设置,我建议创建一个普通的
ConfigService
,并将数据保存为
const


如果您喜欢从json文件加载数据,可以按照Angular 2中的load Config json文件进行操作。

您不能这样做。你应该

1) 添加一个返回文件列表的服务器API


2) 或者您可以将脚本写入json文件的gen文件列表,并通过angular动态加载

您希望从angular应用程序读取什么文件系统?我假设这是一个在浏览器中运行的普通Angular应用程序?在浏览器中运行时无法访问文件系统。有简单的替代方案吗?
export const environment = {
  production: false,
  apiUrl: 'http://my-api-url'
};