Comments (9)
@amaioru0 Are you trying to import something from connected-next-router/actions
?
from connected-next-router.
Hi @danielr18 , I resolved the error. I was importing from actions as you mentioned but didn't realize it.
Thanks for your help!
from connected-next-router.
Can you create a small reproduction?
from connected-next-router.
I am not sure how to reproduce it but this is the new error I am getting:
ModuleNotFoundError: Module not found: Error: Package path ./actions is not exported from package /root/homebox-next/node_modules/connected-next-router (see exports field in /root/homebox-next/node_modules/connected-next-router/package.json)
Can you help? @danielr18
from connected-next-router.
No, I am not
from connected-next-router.
Here is my redux file:
`import { createStore, applyMiddleware, combineReducers } from 'redux'
import { createRouterMiddleware, initialRouterState, routerReducer } from 'connected-next-router'
import { format } from 'url'
import { HYDRATE, createWrapper } from 'next-redux-wrapper'
import Router from 'next/router'
import thunkMiddleware from 'redux-thunk'
import reducers from './reducer'
import { createLogger } from 'redux-logger';
const logger = createLogger();
const bindMiddleware = (middleware) => {
const { composeWithDevTools } = require('redux-devtools-extension')
return composeWithDevTools(applyMiddleware(...middleware))
}
const reducer = (state, action) => {
if (action.type === HYDRATE) {
const nextState = {
...state, // use previous state
...action.payload, // apply delta from hydration
}
if (typeof window !== 'undefined' && state?.router) {
// preserve router value on client side navigation
nextState.router = state.router
}
return nextState
} else {
return reducers(state, action)
}
}
export const initStore = (context) => {
const routerMiddleware = createRouterMiddleware()
const { asPath, pathname, query } = context.ctx || Router.router || {};
let initialState
if (asPath) {
const url = format({ pathname, query })
initialState = {
router: initialRouterState(url, asPath)
}
}
// return createStore(reducer, initialState, bindMiddleware([routerMiddleware, thunkMiddleware, logger]))
return createStore(reducer, initialState, bindMiddleware([routerMiddleware, thunkMiddleware]))
}
export const wrapper = createWrapper(initStore)`
from connected-next-router.
@danielr18 any advice? Is the only error I am getting and is stoping me from launching my project. I would appreciate your help enormously.
from connected-next-router.
@amaioru0 I can't recreate the issue. Can you create a simple repository with the package versions you are using where the issue occurs?
from connected-next-router.
Here is the package.json file https://github.com/amaioru0/connected-next-router/tree/main @danielr18 . Thank you for looking into it.
from connected-next-router.
Related Issues (20)
- Support for Next 13/React 18? HOT 5
- Doesn't support NextJS 9.0.5 HOT 1
- Example without `next-redux-wrapper` HOT 6
- Requests with query parameters are being redirected to / HOT 4
- Option to change action types names HOT 1
- State updates after the first useEffect(() => {}, []) called. HOT 3
- Feature request: createMatchSelector to replace connected-react-router HOT 8
- my push method from next/router not working properly as expected after wrapping my app with ConnectedRouter HOT 12
- [Question] How to get URL parts in a Reducer? HOT 4
- react-router migration question HOT 2
- search.replace is not a function HOT 3
- Doesn't consider basePath? HOT 3
- Redux-undo?
- Redux Toolkit HOT 3
- Export a NextRouterState type for TypeScript?
- Expose a LocationChangeAction type for TypeScript? HOT 3
- doesn't work with React 18+ HOT 3
- Redux Persist
- peer dependency issue with react-redux@8 HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from connected-next-router.