Scherz SecurityError: "localStorage" ist nicht verfügbar für die undurchsichtige Herkunft

Wenn ich will, um mein Projekt mit dem Befehl npm run test, bekomme ich die Fehlermeldung unten. Was ist die Ursache?

FAIL
● Test suite failed to run

SecurityError: localStorage is not available for opaque origins at Window.get localStorage [as localStorage] (node_modules/jsdom/lib/jsdom/browser/Window.js:257:15)
      at Array.forEach (<anonymous>)

Wie machen Sie auf Ihre Anwendung zugreifen?.. Ich meine, Sie Sind auf der auf es wie http://localhost:port... ?
Dies ist ein problem mit test runner, @DavidR, Er hat Problem mit >>>npm test ausführen<<<
Yup ich weiß, dass. Ich würde gerne sehen, seine Antwort, um zu prüfen, ob etwas falsch in seinem jest config 🙂
Ich fing an zu laufen in diesem mich... ich bin nicht mit der lokalen-Speicher überhaupt in den code. Ist dein code mit dem ts-Scherz, wie gut?
Überprüfen Sie bitte meine Antwort und posten Sie Ihren Kommentar.
Zu geben, etwas Kontext zu diesem Fehler, ich begann zu sehen, es beim update meine jest version von ^22.3.0 zu ^23.5.0 zusammen mit Babel 7.

InformationsquelleAutor amirdehghan | 2018-07-27

126

Im Fall, wenn Sie Zugriff auf die Anwendung mit einer http://localhost Präfix, Sie müssen aktualisieren Sie Ihre Scherz-Konfiguration (in Ihrem jest.config.js) als,
```
  "jest": {
    "verbose": true,
    "testURL": "http://localhost/"
  }
```
Falls Sie nicht bereits über alle Scherz-Konfiguration, die Konfiguration in Ihrem package.json. Zum Beispiel:
```
{
  "name": "...",
  "description": "...",
  ...
  "jest": {
    "verbose": true,
    "testURL": "http://localhost/"
  }
}
```
oder in jest.config.js :
```
module.exports = {
  verbose: true,
  testURL: "http://localhost/",
  ...
}
```
oder wenn Sie projects konfiguriert:
```
module.exports = {
  verbose: true,

  projects: [{
    runner: 'jest-runner',
    testURL: "http://localhost/",

    //...
  }]
}
```
- Yep, das funktionierte für mich... aber ich verstehe nicht ganz, warum brauche ich das noch, warum es funktioniert, bevor das neueste upgrade
- Dies ist beschrieben in der jest github Seite: github.com/facebook/jest/issues/6766
- Sie können auch mithilfe der cli-option in Ihrer npm-Skript : jest --testURL=\"http://localhost\". Nützlich, wenn Sie nicht legen Sie eine Globale Scherz-Konfiguration wegen einer anderen Umgebung (reagieren-Skripte für mich).
- Ich arbeite, reagieren die einheimischen. Auch für mich testUrl gearbeitet.
InformationsquelleAutor David R
74

Hatte ich nur diese tauchten in einer großen monorepo (in unit-tests, die sonst nicht erforderlich gewesen, jsdom). Explizit setzen Sie die folgenden in unserem jest.config.js (oder die package.json äquivalent) auch abgeschwächt, das Problem:
```
module.exports = {
  testEnvironment: 'node'
}
```
Update: Nicolas, die unten erwähnt (danke!), Sie können auch hinzufügen die folgenden flags, wenn Sie nicht mit irgendwelchen config-Dateien:
```
jest --testEnvironment node    
# or 
jest --env=node
```
- Dieser arbeitete für mich! DIES ist die Antwort, die Sie brauchen! Danke!
- Es scheint, dass der Autor hat nicht einen Knoten Umwelt - in seinem Fall sollte er set testEnvironment: "jsdom". Dies funktioniert bei mir mit dem neuesten update. Vielen Dank für Ihre Beratung!
- Wie bereits in einigen anderen Antworten, können Sie überspringen die Generierung der config-Datei (oder Paket.json-Eigenschaft) durch ausführen jest --testEnvironment node oder seine Kurzform jest --env=node, intead.
- Dies sollte die akzeptierte Antwort. Es scheint besser geeignet für die Fehler. Auch wenn Sie nur auf das testen von Skripts macht es keinen Sinn zu definieren testURL.
- Hatte diesen Fehler von Travis, das das Problem behoben wurde.
InformationsquelleAutor Burgi
16

Müssen Sie angeben, in welcher Umgebung (--env) sind Sie gehen zu verwenden.

Beim ausführen jest Befehl in der package.json sollten Sie die Umgebung (jsdom oder node). Zum Beispiel:
```
  "scripts": {
    "jest": "jest --env=node --colors --coverage test",
    "test": "npm run jest"
  },
```
Sollte diese Arbeit für Sie!
- Wenn Sie mit jsdom, die gleiche Sache geschieht unabhängig davon, ob oder nicht Sie geben Sie eine env per config oder commandline. Dies nur mal passiert mit Scherz neueste update heute. Bitte siehe @David R s Antwort für eine Lösung wenn dies bei Ihnen der Fall ist.
InformationsquelleAutor Manuel Morejón
5

Wenn Sie mit jsdom, stellen Sie sicher, dass Sie die url.

Kasse jsdom repository einfachen Optionen. https://github.com/jsdom/jsdom#simple-options
```
const jsdom = require("jsdom");
const { JSDOM } = jsdom;

const dom = new JSDOM(`...`, { url: "https://example.org/" });
```
- Wo kommt dieser code hin?
- In meinem Fall meine ich Hinzugefügt, dass der code in meinem jsdom Konfigurationsdatei. var jsdom = require('jsdom'); var exposedProperties = ['window', 'navigator', 'document']; const { JSDOM } = jsdom; const {document } = (new JSDOM('',{ url: "https://localhost/",})).window; global.document = document;
- +1 Zwar nicht ausdrücklich über den Scherz, dies ist eine alternative Lösung und könnte verwendet werden, für andere setups (da oben, SO dass für den Fehler-code, andere, wie ich, finde dieser Seite, die nicht mit Scherz) Pro @dspacejs gute Frage, das würde eine separate Datei, die aufgerufen wird, über Ihre test-Befehl in package.json. Zum Beispiel, dieser code kann gespeichert werden in einem testHelper.ts Datei und rief mit Mokka: scripts: { test-setup: 'mocha --compilers ts:ts-node/register,tsx:ts-nocde/register --require testHelper.ts --reporter progress' }.
InformationsquelleAutor p8ul
1

Vorschlag in der top-bewerteten Antwort hinzufügen testURL: "http://localhost" meinen Scherz config hat bei mir nicht funktioniert. Allerdings diesem Vorschlag von der jsdom GitHub-Diskussion, der übergabe eines URL, der beim erstellen des jsdom Objekt hat.
```
const url = 'http://localhost';

const dom = new JSDOM('<!DOCTYPE html><html><body></body></html>', { url });
```
InformationsquelleAutor Scott Martin
0

Klingt vielleicht albern, aber für mich, das problem verursacht wurde, da hatte ich irrtümlich installiert zufällige Pakete mit npm update. Ich lief npm install und dann npm update aber ich sollte nur ran npm install. Habe das problem behoben durch löschen node_modules Verzeichnis und läuft npm install wieder.
- Dies bezieht sich auf mich, ich war eigentlich nicht in der Lage zu beenden npm install richtig durch enterprise-proxy. Also, das Muster wäre nicht abgeschlossenen npm installation
InformationsquelleAutor Rock Lee
0

Brauchen Sie nicht, etwas zu tun, während der Arbeit mit React JS. Es ist das Standardverhalten von create-reagieren-app zu platzieren SCHERZ und einrichten der Testumgebung.
Auf das laufen von unten,es zu starten, zeigt der test Erfolg oder scheitern,

npm test

In den Fall, Sie möchten testen Sie die Abdeckung, die Sie einfach brauchen, um hinzuzufügen, unter um-Paket.json-Datei

"test": "reagieren-Skripten Tests-Abdeckung"
Jetzt Ihr "Skript" des Pakets.json Aussehen,
```
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test --coverage",
"eject": "react-scripts eject"
```
}

InformationsquelleAutor Amjad Khan
0

Dieser tauchte bei mir bei der Integration enzyme mit jest. Die Github-Issue-Diskussion schlägt vor, das gleiche wie oben, nämlich das hinzufügen
```
"testURL": "http://localhost/"
```
den Scherz config. Allerdings ist es gut zu wissen, dass dies ist, ausgelöst auch durch das Enzym. Für mich war es Reagieren v15 und v15-adapter.

InformationsquelleAutor pascalwhoop

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.