小编use*_*141的帖子

我一直在尝试将Redux集成到我的应用程序中,并且使用React-Router-Redux 5.0.0-alpha.6遇到了问题.

我收到错误:'react-router-redux'中找不到"export'syncHistoryWithStore'.官方指南说导入syncHistoryWithStore,我已经完成了:https: //github.com/reactjs/react-router-redux

我也查看了react-router-redux包里面,似乎没有任何syncHistoryWithStore的迹象.

我错过了什么？

这是我的index.js.Redux正在工作,但我无法使用ConnectedRouter推送一条新路线,显然这是由于浏览器的历史问题.

import React from 'react';
import { render } from 'react-dom'
import { Provider } from 'react-redux';
import { Route } from 'react-router'
import { ConnectedRouter, routerReducer, routerMiddleware, syncHistoryWithStore, push } from 'react-router-redux'
import createHistory from 'history/createBrowserHistory'

const store = configure();
const history = syncHistoryWithStore(createBrowserHistory(), store);

const navigation = (
  <Provider store={store}>
      <ConnectedRouter history={history}>
          <SystemManager>
            <div>
            <Route path="/" component={Dashboard}/>
            <Route path="/dashboard" component={Dashboard} />
            .....

            <Route component={NotFound} />
            </div>
          </SystemManager>
      </ConnectedRouter>
    </Provider>
); …

我在让Keytar包在 Electron Forge v6 项目 (beta.54) 中工作时遇到一些问题。

在新生成的项目中，运行应用程序时收到有关“文件太短”的错误。下面是来自主进程的错误对话框的摘录：

> electron-forge start\n\n\xe2\x9c\x94 Checking your system\n\xe2\x9c\x94 Locating Application\n\xe2\x9c\x94 Preparing native dependencies: 1 / 1\n\xe2\x9c\x94 Compiling Main Process Code\n\xe2\x9c\x94 Launch Dev Servers\n\xe2\x9c\x94 Compiling Preload Scripts\n\xe2\x9c\x94 Launching Application\n\n\nWebpack Output Available: http://localhost:9000\n\nApp threw an error during load\nError: node-loader:\nError: dlopen(/Users/abc/Desktop/app2/.webpack/main/9e6f9bf6669542cb15efba32c033f3de.node, 1): no suitable image found.  Did find:\n    /Users/abc/Desktop/app2/.webpack/main/9e6f9bf6669542cb15efba32c033f3de.node: file too short\n    /Users/abc/Desktop/app2/.webpack/main/9e6f9bf6669542cb15efba32c033f3de.node: file too short\n    at Object.<anonymous> (/Users/abc/Desktop/app2/.webpack/main/index.js:1015:9)\n    at Object../node_modules/keytar/build/Release/keytar.node (/Users/abc/Desktop/app2/.webpack/main/index.js:1018:30)\n    at __webpack_require__ (/Users/abc/Desktop/app2/.webpack/main/index.js:21:30)\n    at Object../node_modules/keytar/lib/keytar.js (/Users/abc/Desktop/app2/.webpack/main/index.js:1029:14)\n    at __webpack_require__ (/Users/abc/Desktop/app2/.webpack/main/index.js:21:30)\n    at Object../src/index.ts (/Users/abc/Desktop/app2/.webpack/main/index.js:1440:14)\n …

我目前正在构建一个 UI 库来简化跨多个应用程序的维护。这些目前使用 Ant Design。

一切似乎都很顺利......我在两个package.json和rollup.config.js（通过外部）中添加了我的对等依赖项，并且我能够让 Rollup 生成一个 es 和 cjs 二进制文件，它成功地仅导出了我的代码。

但是，当我将其中任何一个导入我的主机应用程序（Electron 和/或 React，已经使用 antd 没有问题）时，我收到以下错误：

Uncaught Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
1. You might have mismatching versions of React and the renderer (such as React DOM)
2. You might be breaking the Rules of Hooks
3. You might have …