KimberlyBrooke

KimberlyBrooke

Hello I am just starting my front-end React-Apollo app with pragmatic studio and when I went through the instructions which are the following, I ended up getting the following error:

**error I am getting : **

‘’'Failed to compile.

./node_modules/graphql-tag/lib/index.js
Module not found: Can’t resolve ‘graphql’ in ‘/Users/kimberlybrooke/Downloads/pragstudio-unpacked-graphql-code/getaways/frontend/node_modules/graphql-tag/lib’
‘’’

Instructions I followed:

‘’’
To start the frontend React app:

  1. In a separate terminal session, change into the getaways/frontend directory:

cd getaways/frontend

  1. Next, install the NPM package dependencies:

npm install

You’ll see some warnings from external packages. It’s nothing to worry about.
3. Now you’re ready to start the development server:

npm start

  1. And now if you browse to http://localhost:3000/ you should see all the vacation places listed on the home page of the Getaways app!

‘’’

Showing Posts 1 to 4

kokolegorille

kokolegorille

Try to go into getaways/frontend, and run…

npm outdated

js is always moving fast, and it’s hard to follow :slight_smile:

KimberlyBrooke

KimberlyBrooke OP

Thank you. I ran…

npm outdated

in getaways/frontend and there was quite a bit in there. So I ran…

npm update

and re-ran

npm outdated

and there is still all of this in there…

Package Current Wanted Latest Location
bootstrap 4.6.1 4.6.1 5.1.3 getaways-react
react 16.14.0 16.14.0 17.0.2 getaways-react
react-apollo 2.5.8 2.5.8 3.1.5 getaways-react
react-day-picker 7.4.10 7.4.10 8.0.0-beta.36 getaways-react
react-dom 16.14.0 16.14.0 17.0.2 getaways-react
react-router 5.2.1 5.2.1 6.2.1 getaways-react
react-router-dom 5.3.0 5.3.0 6.2.1 getaways-react
react-scripts 4.0.3 4.0.3 5.0.0 getaways-react

kokolegorille

kokolegorille

I followed this course long time ago, when it came out.

I tried the source code… and it works.

Compiled successfully!

You can now view getaways-react in the browser.

  Local:            http://localhost:3000
  On Your Network:  http://192.168.1.105:3000

Note that the development build is not optimized.
To create a production build, use npm run build.

I think it’s too much work if You try to update frontend to latest versions, because many packages are changing major version.

so… I got the source code, decompress, went to getaways/frontend, then npm i
for the backend, npm i --prefix assets, mix deps.get, mix compile, mix phx.server

Everything was fine and working.

Did You do something special?

sundevilyang

sundevilyang

what’s your nodes and npm version when you ran npm i ?

— All posts loaded —

Where Next? Top

Trending in Questions Top

Blokh
Hey guys, I’ve got a huge CSV ( around 10 GB ) that needs to be processed hourly Do you guys have any suggestions what is the best prac...
New
kszambelanczyk
Hello! Could someone please give me a help/sample code, how to delete a file from s3 using waffle/waffle_ecto from Phoenix app. I creat...
New
Onor.io
I have what I’ve heard referred to as a “lookup table” in my database. This is a way of assigning codes to common values. One common lo...
New
jaybe78
Hello, I’m developing a online persistent chat system (what’s app) like using elixir/dynamodb/aws for a mobile app(flutter). The diffic...
New
Trolleger
What approach to take when sending live updates to “random” users Hi! I have a question, I have a little chat app, and when I create a DM...
New
matt-savvy
Anyone here using Honeybadger? My Honeybadger account is being overwhelmed with noise from some bots. Seeing a lot of Bandit.HTTPError...
New
RemyXRenard
I’m seeing that a list inside a Kino.DataTable will be interpreted as a charlist, even if the Kino.configure() is set to charlists: :as_l...
New

Other Trending Topics Top

garrison
Hobbes is a low-level distributed database for the Elixir programming language. Hobbes provides a simple, safe, and scalable storage lay...
New
mcass19
ExRatatui lets you cook up rich terminal UIs in Elixir, powered by Rust’s ratatui via Rustler NIFs. Build interactive terminal applicatio...
New
Damirados
Hello everyone. After busy few months I am happy to announce v0.1.0 of Emerge & Solve. They are GUI (Emerge) and State management (S...
New
netoum
Corex is an accessible, unstyled UI component library for Phoenix that integrates Zag.js state machines using Vanilla JavaScript and Live...
New
wintermeyer
There are three potential reasons for members of this forum to have a look at https://vutuv.de You are tired or annoyed of LinkedIn. Yo...
New
webofbits
Aludel - LLM Evaluation Workbench Aludel is an embeddable Phoenix LiveView dashboard for evaluating and comparing LLM prompts across mult...
New

We're in Beta

About us Mission Statement

Options

Thread Display Mode




Thread Preview

Skip Thread Previews