"Kein Speicher gefunden" bei der Verwendung von Redux chrome-Erweiterung

Ich habe ein problem mit dem redux chrome-Erweiterung.

Ich habe folgenden code in meine configureStore.js Datei :

import {createStore, applyMiddleware} from 'redux';
import rootReducer from '../reducers/index';
import thunk from 'redux-thunk';

export default function configureStore(initialState){
  return createStore(
    rootReducer,
    initialState,
    applyMiddleware(thunk),
    window.devToolsExtension ? window.devToolsExtension() : f => f
  );
}

Habe ich window.devToolsExtension ? window.devToolsExtension() : f => f wie auf der tutorial.

Aber wenn ich versuche zu laufen, die Erweiterung habe ich bekommen

BEARBEITEN

import 'babel-polyfill';
import React from 'react';
import {render} from 'react-dom';
import {Router, browserHistory} from 'react-router';
import routes from './routes';
import '../node_modules/bootstrap/dist/css/bootstrap.min.css';
import './assets/sass/main.scss';
import '../node_modules/font-awesome/css/font-awesome.css';

import {loadCourses} from './actions/courseActions';
import {loadAuthors} from './actions/authorActions';
import {Provider} from 'react-redux';
import configureStore from './store/configureStore';

const store = configureStore();
store.dispatch(loadCourses());
store.dispatch(loadAuthors());

render(
  <Provider store={store}><Router history={browserHistory} routes={routes}/></Provider>, document.getElementById("app")
);

Irgendwelche Ratschläge?

Dies ist zwar on topic SO, ich bin nicht sicher, es ist zum Thema in google-chrome-extension.. (denn das ist nicht für Fragen, die einfach beziehen sich auf Erweiterungen, sondern Fragen nach der Erweiterung Entwicklung)
Könnten Sie auch hinzufügen, die Teil des Codes, wo Sie die speichern und übergeben Sie es an den Anbieter?
Sicher. Ich aktualisiert meine Frage.
Vielen Dank für die Aktualisierung. Sieht okay aus für mich. Sorry kann nicht helfen,, die es gibt 🙁

InformationsquelleAutor Boky | 2016-05-30

javascript redux

Ich habe die Lösung von hier.

Der richtige code :

import {createStore, applyMiddleware, compose} from 'redux';
import rootReducer from '../reducers/index';
import thunk from 'redux-thunk';

export default function configureStore(initialState){
  return createStore(
    rootReducer,
    initialState,
    compose(
      applyMiddleware(thunk),
      window.devToolsExtension ? window.devToolsExtension() : f => f
    )
  );
}

InformationsquelleAutor Boky

11

Ok, nur die überprüfung der offizielle repository der Redux Dev Tools fand ich, dass Sie empfehlen die Verwendung __REDUX_DEVTOOLS_EXTENSION__ statt devToolsExtension als die Sie verwenden.

Also nach diesem update meine code und dem (de connectino mit dem plugin anfangen zu arbeiten wie ein Charme.

Hier ein Beispiel-code, wenn es jemand hilft:
```
const enhancers = compose(
  window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()
  );

const store = createStore(
  rootReducer,
  defaultState,
  enhancers
);
```
- Danke @robertovg. Ich wurde immer Fehler zu erwähnen, Komponieren, nicht definiert. Zu gelöst, wir müssen importieren von redux. Beispiel : import { createStore, Komponieren,} aus 'redux';
InformationsquelleAutor robertovg
2

Gibt es eine einfachere Lösung jetzt aus der redux-devtools Leute. Siehe:

Abschnitt 1.3 Verwenden redux-devtools-extension-Paket von npm auf https://github.com/zalmoxisus/redux-devtools-extension

grundsätzlich, wenn Sie npm install dort redux-devtools-Erweiterung können Sie:
```
import { createStore, applyMiddleware } from 'redux';
import { composeWithDevTools } from 'redux-devtools-extension';

const store = createStore(reducer, composeWithDevTools(
  applyMiddleware(...middleware),
  //other store enhancers if any
));
```
In meinem Fall habe ich nur noch ein Stück von der middleware (redux-thunk), aber ich habe ein initialState so wie es aussieht dieses:
```
const store = createStore(reducer, initalState, composeWithDevTools(applyMiddleware(thunk)))
store.subscribe(() => console.log("current store: ", JSON.stringify(store.getState(), null, 4)))
```
- Warum ist store.abonnieren relevant, dass ist nicht in der redux-devtools-Erweiterung docs.
- Es ist nur einige debug-Zeilen. Ich könnte es entfernen.
InformationsquelleAutor Dr.YSG
-1

Ich bin zu spät, aber kann jemand helfen, war meine Lösung zu verwenden, schließen Sie das component -
```
import {connect} from 'react-redux'
...
class MyComponent extends Cmponent{
...
}
export default connect()(MyComponent)
```
InformationsquelleAutor Mujtaba Zaidi

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.