Hi, I’ve been following the tutorial, https://shopify.dev/tutorials/build-a-shopify-app-with-node-and-react, and I got stuck with some errors. While following the tutorial, https://shopify.dev/tutorials/build-a-shopify-app-with-node-and-react/build-your-user-interface-with-polaris at 6. Step, I ge…

Hi @evrimturan , So I downloaded https://github.com/Shopify/shopify-demo-app-node-react today and ran npm install then I ran npm run dev and everything worked as expected, as in no errors in the console. Sorry to make you provide so many details, I think you just need to check your node version. I…

Hi @evrimturan , Try running npm install dotenv. Make sure you run require('dotenv').config() As early as possible in your app. Make sure you have a .env file with correct values in the root of your app folder. Best, Sam - Owner [email removed] Achieve Applabs

Hi @Anonymous , Thanks for your quick reply. I tried to run “npm install dotenv”, I have .env file with correct values in the root of the app folder and the first line of next.config.js is already “require(‘dotenv’).config()” but it didn’t work. Still getting the same errors.

Hi @evrimturan , Issue looks specific to Next server. I’m not sure what step 6 was in the tutorials the links are 404’d. Take a look at https://github.com/vercel/next.js/issues/6287 I’m not very familiar with NextJS hopefully someone has a solution in the community. If you fix this please let us …

Here is the correct link if you wanna take a look at it. https://shopify.dev/tutorials/build-a-shopify-app-with-node-and-react/build-your-user-interface-with-polaris Yeah, it looks like something related to next server. I also tried to run the completed project cloning from github and still same e…

Hi @evrimturan , Ok looks like a problem with Babel loader and missing React preset. I think you can install the missing npm modules then configure them in next.config.js although I haven’t tried it out myself. Regards, Sam - Owner @ Achieve Applabs

Hey @evrimturan , Can we see your _app.js code? There error can likely be spotted in there. Thanks, Sam - Owner @ Achieve Applabs

Yeah, sure. This is _app.js import App from 'next/app'; import Head from 'next/head'; import { AppProvider } from '@shopify/polaris'; import { Provider } from '@shopify/app-bridge-react'; import '@shopify/polaris/dist/styles.css'; import translations from '@shopify/polaris/locales/en.json'; import…

Hi again, Now I had a chance to look at it again. My node version is v14.15.4. The previous error that I mentioned was related to the node version specifically node -v > v14.15.1. I haven’t tried to run it using node 13 but I guess if I did, it would work. I’ll try it and I’ll let you know the resu…

Hi @evrimturan , Please try reinstalling your NodeJS dependencies first by deleting node_modules and run npm install. Your NodeJS Version shouldn’t be an issue since it’s at least higher than 13. I don’t see any syntax or issues with the code itself so please try this troubleshooting first. Rega…

Error while building Shopify Sample Embedded App

Shopify Apps

evrimturan February 16, 2021, 6:13am 12

That worked, the app is running now but I’m getting a TypeError. That must be something unrelated to this problem because it’s working. I’m gonna start from scratch and tell you how it goes.

1 Like

Topic		Replies	Views
Shopify Node.JS react tutorial - utter failure Tools	1	37	March 2, 2021
Cannot resolve the error while building Shopify Tutorial App Store Design	7	118	February 6, 2021
Issue with Add Shopify App Bridge in Build a Shopify App with Node and React Tutorial Tools	2	108	March 2, 2021
App Tutorial Issue: Build your user interface with Polaris Shopify Apps	1	23	February 14, 2021
Build a Shopify app with Node and React tutorial 2020 Tools	6	88	April 9, 2020

Error while building Shopify Sample Embedded App

Related topics