nextjs-shopify icon indicating copy to clipboard operation
nextjs-shopify copied to clipboard

Add yarn support [TypeError: Cannot read properties of null (reading 'useContext')]

Open teknology opened this issue 2 years ago • 5 comments

During a yarn run dev, I get the error

TypeError: Cannot read properties of null (reading 'useContext')

Unhandled Runtime Error TypeError: Cannot read properties of null (reading 'useContext')

Call Stack useContext node_modules/@emotion/styled/node_modules/react/cjs/react.development.js (1616:0) eval node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js (122:39) eval node_modules/@emotion/react/dist/emotion-element-cbed451f.browser.esm.js (36:0) renderWithHooks node_modules/react-dom/cjs/react-dom.development.js (14985:0) updateForwardRef node_modules/react-dom/cjs/react-dom.development.js (17044:0) beginWork node_modules/react-dom/cjs/react-dom.development.js (19098:0) HTMLUnknownElement.callCallback node_modules/react-dom/cjs/react-dom.development.js (3945:0) Object.invokeGuardedCallbackDev node_modules/react-dom/cjs/react-dom.development.js (3994:0) invokeGuardedCallback node_modules/react-dom/cjs/react-dom.development.js (4056:0) beginWork$1 node_modules/react-dom/cjs/react-dom.development.js (23964:0) performUnitOfWork node_modules/react-dom/cjs/react-dom.development.js (22776:0) workLoopSync node_modules/react-dom/cjs/react-dom.development.js (22707:0) renderRootSync node_modules/react-dom/cjs/react-dom.development.js (22670:0) performSyncWorkOnRoot node_modules/react-dom/cjs/react-dom.development.js (22293:0) eval node_modules/react-dom/cjs/react-dom.development.js (11327:0) unstable_runWithPriority node_modules/scheduler/cjs/scheduler.development.js (468:0) runWithPriority$1 node_modules/react-dom/cjs/react-dom.development.js (11276:0) flushSyncCallbackQueueImpl node_modules/react-dom/cjs/react-dom.development.js (11322:0) flushSyncCallbackQueue node_modules/react-dom/cjs/react-dom.development.js (11309:0) scheduleUpdateOnFiber node_modules/react-dom/cjs/react-dom.development.js (21893:0) Object.enqueueSetState node_modules/react-dom/cjs/react-dom.development.js (12467:0) Component.setState node_modules/@builder.io/react/node_modules/react/cjs/react.development.js (352:0) eval node_modules/@builder.io/react/dist/builder-react.es5.js (15:25478) BehaviorSubject.next node_modules/@builder.io/sdk/dist/index.esm.js (171:0) eval node_modules/@builder.io/sdk/dist/index.esm.js (2297:0)

teknology avatar Jun 09 '22 03:06 teknology

Hey @teknology , all the recent issues (#33 , #32 ) you opened indicates an inaccurate packages resolution, there's no yarn.lock in this repo, please use npm to fix this error:

rm -rf node_modules
npm install
npm run dev

I'll keep this issue open to look into adding yarn support

teleaziz avatar Jun 09 '22 18:06 teleaziz

Hey @teknology , all the recent issues (#33 , #32 ) you opened indicates an inaccurate packages resolution, there's no yarn.lock in this repo, please use npm to fix this error:

rm -rf node_modules
npm install
npm run dev

I'll keep this issue open to look into adding yarn support

Awesome! Thank you. I find yarn to be a lot smoother with package management hence the use.

teknology avatar Jun 10 '22 15:06 teknology

Hey @teknology , all the recent issues (#33 , #32 ) you opened indicates an inaccurate packages resolution, there's no yarn.lock in this repo, please use npm to fix this error:

rm -rf node_modules
npm install
npm run dev

I'll keep this issue open to look into adding yarn support

@teleaziz The commands resulted in..

Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: Package subpath './lib/parser' is not defined by "exports" in /Users/Tek/Documents/Sites/aareact/node_modules/next/node_modules/postcss/package.json

teknology avatar Jun 10 '22 16:06 teknology

A quick update. I fixed

Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: Package subpath './lib/parser' is not defined by "exports" in /Users/Tek/Documents/Sites/aareact/node_modules/next/node_modules/postcss/package.json

By running

nvm use 16 rm -rf node_modules npm install npm run dev

teknology avatar Jun 10 '22 16:06 teknology

I also encountered this problem, how did you solve it?

archiewx avatar Sep 16 '22 09:09 archiewx

For me

npm run dev

works just fine, but when I use

next dev

it throws the same issue

Simvolick avatar Oct 25 '22 18:10 Simvolick

Solution

Update next package in your package to the latest version

npm install next@latest

FreePhoenix888 avatar Dec 30 '22 15:12 FreePhoenix888

thanks @FreePhoenix888!

steve8708 avatar Jan 09 '23 17:01 steve8708