Update Winkel-v6 - Modul nicht gefunden: Error: Can ' T resolve 'fs'

Ich versuche zu migrieren, meine Eckig Universal Projekt von Eckig v5 auf v6

Habe ich einen service wo ich fs zum laden der übersetzung, die auf der server-Seite. Alles funktioniert auch mit Eckigen v5.

Mit Eckigen v6, wenn ich npm run start aka ng serve --proxy-config proxy.conf.json ich angesichts der folgenden Fehler

FEHLER in
./src/Anbieter/core/translate/translate-universal-Lader.service.ts
Modul nicht gefunden: Error: Can ' T resolve 'fs' in
'/Users/me/Documents/projects/myproject/src/Anbieter/core/translate'

In mein service erkläre ich fs wie folgt:

declare var require: any;
const fs = require('fs');

Ich habe auch versucht es zu erklären wie folgende, aber nicht helfen

import * as fs from 'fs';

Sagen webpack zu ignorieren fs ich versuchte, fügen Sie Folgendes in meine webpack.server.config.js ohne Erfolg

node: {
    fs: 'empty'
}

habe auch versucht mit einem webpack plugin, war nicht erfolgreich, weder

new webpack.IgnorePlugin(/fs/)

aber eigentlich ist es vielleicht nicht die config verwenden von ng serve aber ich weiß nicht, ob ich noch immer werfen Sie die Konfiguration mit v6?

jemand ne Idee?

UPDATE

Wenn ich erkläre fs als any es löst das problem der ng serve aber leider funktioniert es nicht auf der server-Seite nach npm run build:ssr und führen npm run serve. Auf der server-Seite werde ich dann vor der folgenden Fehler

FEHLERMELDUNG ReferenceError: fs ist nicht definiert

p.s.: mein Projekt folgt https://github.com/angular/universal-starter Struktur, Konfiguration und Abhängigkeiten

  • versuchen Sie deklarieren die fs auch declare var fs: any;
  • cool das ist ein netter workaround funktioniert, thx a lot @JohnVelasquez - ich lasse Sie die Frage beantworten und dann markieren Sie es als die Lösung
  • versuchen Sie, diese Bedingung, wenn Sie mit fs -> if(typeof window !== 'undefined')
  • das hilft nicht, das problem auf der server-Seite, der code ist auch nur auf der server-Seite (isPlatformServer)
InformationsquelleAutor David Dal Busco | 2018-05-06
  1. 13

    Ok, nach Stunden komme ich zu dem Schluss mit den Antworten, die ich gesammelt, dass die wirkliche Antwort ist:

    Können Sie nicht verwenden fs mehr in Eckige v6

    Darüber hinaus, da es nicht mehr möglich ist, entnehmen Sie die webpack-Konfiguration, es gibt keine Möglichkeit zu sagen, webpack zu ignorieren, die fs verlangen

    Es ist eine offene Frage zu diesem Thema: https://github.com/angular/angular-cli/issues/10681

    P. S.: ich war mit fs laden der übersetzungen auf der server-Seite, die ich überwinden das problem durch folgende Lösung von @xuhcc, siehe https://github.com/ngx-translate/core/issues/754

    InformationsquelleAutor David Dal Busco
  2. 6

    Für jemand, der noch auf der Suche nach einer Antwort, hier ist, wie ich es geschafft require('fs') in meinem Winkel 7 app. Oder für diese Angelegenheit, jede andere node-Modul.

    Versionen

    Angular CLI: 7.0.4
Node: 10.13.0
OS: win32 x64
"@angular/animations": "~7.0.0",
"@angular/common": "~7.0.0",
"@angular/compiler": "~7.0.0",
"@angular/core": "~7.0.0",
"@angular/forms": "~7.0.0",
"@angular/http": "~7.0.0",
"@angular/platform-browser": "~7.0.0",
"@angular/platform-browser-dynamic": "~7.0.0",
"@angular/router": "~7.0.0",
"@angular-devkit/build-angular": "~0.10.0",
"@angular/cli": "~7.0.4",
"@angular/compiler-cli": "~7.0.0",
"@angular/language-service": "~7.0.0",
"electron": "^3.0.7",
"typescript": "~3.1.1"

    1. Installieren @Typen/node

    npm install --save-dev @types/node

    2. Ändern tsconfig.json

    Beachten "allowSyntheticDefaultImports" - flag. Es muss auf true gesetzt sein.

    {
  "compileOnSave": false,
  "compilerOptions": {
    "allowSyntheticDefaultImports": true,
    "baseUrl": "./",
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "module": "es2015",
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "target": "es5",
    "types": [
      "node"
    ],
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "es2018",
      "dom"
    ],
    "strict": false
  }
}

    3. Erforderlich fs

    import { Component } from '@angular/core';
import { } from 'electron';
import Fs from 'fs';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})
export class AppComponent {

  constructor() {
    //check if platform is electron
    let isElectron: boolean = window && window['process'] && window['process'].type;

    if (isElectron) {
      let fs: typeof Fs = window['require']('fs');
      let app: Electron.App = window['require']('electron').remote;
      console.log(fs, app, window['process']);
    }
  }
}

    Hinweis: Die import-Anweisungen am Anfang der Datei sind nur für Typ-Informationen. Die Werte der Variablen werden über Knoten require.

    Für updates, Verfolgen das Thema hier

    https://github.com/angular/angular-cli/issues/9827

    Edit:

    Stellt sich heraus, dass, wenn Ihr Projekt hat Abhängigkeiten, die require 'fs', 'path', 'child_process' etc. Der angular compiler nicht kompiliert den code. Um dies zu umgehen, wie jemand schon vorgeschlagen, fügen Sie (window as any).global = window; zu Ihrem polyfills.ts.

    In meinem Fall hatte ich chokidar, Knoten-pty und Elektron als Abhängigkeit. Diese Arbeiter für mich.

    • Ich habe ein Projekt mit einer Abhängigkeit verwendet path und fs. Ich habe die oben genannten Schritte, kann aber nicht scheinen, um das Problem zu beheben.
    • Schwer zu sagen, ohne info, was der version der Winkel -, Elektronen -, nodejs, dass Sie verwenden?
    • Ich bin viel näher, als ich es war, aber ich bin immer ein Fehler TypeError: window.require is not a function wenn Sie versuchen, zu verwenden window['require']. Nicht sicher, wie dies zu umgehen, ein
    • versuchen Sie dies: declare global { interface Window { require: NodeRequire; } } Dann, window['require']. Wenn es ein typescript-compiler Fehler, es muss gelöst werden mit dieser. Wenn das nicht funktioniert, versuchen Sie dies: window['require']=eval('require'). Und die window['require'].
    • nach dem Versuch, was Sie erwähnt haben und spielen, um mit ihm mehr, ich kann einfach nicht scheinen, um es zu arbeiten. Ich bin versucht zu tun, einige einfache web-scraping mit cheerio und Anfrage-Versprechen, aber Sie beide müssen require zu verwenden. Ich werde weiter versuchen, die Sachen aus
    InformationsquelleAutor Nishkal Kashyap
  3. 1

    Können Sie erklären, die fs auch dadurch declare var fs: any;

    • thx a lot, ich war dort stecken Sie für ein paar Stunden!
    • tatsächlich, es ist leider nicht vollständig das problem lösen. diese lösen ng serve aber wenn ich Baue mein Projekt npm run build:ssr und führen Sie es npm run serve ich die Fehler fs is not defined auf der dienen Seite 🙁
    InformationsquelleAutor John Velasquez
  4. 1

    Die akzeptierte Antwort ist richtig, Sie können es nicht verwenden fs mehr in Eckige v6+.

    Jedoch, diese alternative builder (es ist eine Erweiterung der Winkel-CLI) können Sie gezielt ein Elektron Umgebung und haben vollen Zugriff auf die Elektronen features:

    https://github.com/angular-guru/electron-builder

    InformationsquelleAutor adamup
  5. 0

    Alternativ
    In NativeScript-Datei implementiert ist als Teil der Datei-system-Modul.
    Um es zu verwenden müssen Sie es importieren in Ihre code-behind-Datei.
    z.B.

    import * as fs from "file-system';

var documents = fs.knownFolders.documents();
var path = fs.path.join(documents.path, "FileFromPath.txt");
var file = fs.File.fromPath(path);

//Writing text to the file.
file.writeText("Something")
    .then(function () {
        //Succeeded writing to the file.
    }, function (error) {
        //Failed to write to the file.
    });
    InformationsquelleAutor Subrata Fouzdar
  6. 0

    Offenbar advanced-json-Pfad behebt dieses Problem in Winkel-6 ab, wenn jemand mit fs

    Also man hat zu tun, eine

    npm i advanced-json-path --save-dev

    da es ein dev-dependency (zumindest in meinem Fall)
    da dieser Nachricht-Instanz, es ist version 1.0.8
    Dann das Modul 'fs' nicht gefunden nicht auftreten.

    package.json
{
    ....
   "advanced-json-path": "^1.0.8",
}

    In unserer Anwendung ist es losgeworden, das Modul 'fs' nicht gefunden Fehler.

    InformationsquelleAutor user428602
Schreibe einen Kommentar