角5内の電子ノードfsを使うにはどうすればいいですか

Question

ElectronとAngular5を使用して最初のデスクトップアプリケーションを作成しようとしましたが、残念ながらfsモジュールを使用していません。私が正しくFSを輸入しているようだ（Visual Studioのコードとコード補完内のエラーなし）が、私はこのエラーを「fs.readFile」コンソールのプリントを使用しようとしたとき：

Uncaught TypeError: __WEBPACK_IMPORTED_MODULE_2_fs__.readFile is not a function 

これは私のサービスのコードですこれまでのところ：

import { Injectable } from '@angular/core'; 
import { ElectronService } from 'ngx-electron'; 
import * as fs from 'fs'; 
import { OpenDialogOptions } from 'electron'; 

@Injectable() 
export class FileService { 

    dialog = this._electronService.remote.dialog; 
    window = this._electronService.remote.getCurrentWindow(); 

    constructor(private _electronService: ElectronService) { } 

    loadFileContent(): void{ 
    this.dialog.showOpenDialog(this.window, {},(fileNames) => { 
     if(fileNames === undefined){ 
     console.error("no files selected!"); 
     return; 
     } 

     fs.readFile(fileNames[0], "utf-8", (err, data) => { 
     if(err){ 
      console.error("Cannot read file ",err); 
      return; 
     } 

     console.log("The content of the file is : "); 
     console.log(data); 
     }); 

    }); 
    } 
} 

私はここで何かを逃していますか？ fsがロードされていないか、何か？誰もが助けてくれてありがとう！

Answer 1

kimy82のコメントの助けを借りて答えを見つけました！次その後

ng eject 

私はwebpack.config.jsを開いて、コメントを追加しました：：

"target": "node-webkit" 

まずiは、単に使用してAngular5のwebpack.config.jsを取得するために必要単に "ノード"は私のためにうまくいかず、電子はChromiumを使用しているのでこれは問題ありません。

ありがとうございました！

Answer 2

お使いのブラウザは、サーバー上のファイルシステムにアクセスできません。 fsをブラウザに読み込まないでください。