Setup and installation
Hello all,
Complete novice here. Trying to install the app that I have created using the MAGE GPT Web App Creator.
Looks and sound like a sensational piece of software.
As I say, I have created the app by detailing my concept and the software has generated the app.
I am now trying to install the app and get it running locally.
I am running a windows PC fully up-to-date. I have opened terminal and installed Wasp and when I have hit errors or issues i've been using ChatGPT by asking it what the error is and asking it to help me troubleshoot the issues.
It's lead me into installing WSL and Ubuntu but i'm not sure if I needed them or whether I'm just doing everything wrong.
I've just got myself into a bit of a mess and now I don't know what to do to get the program up and running.
I was hoping the community could help me to get the app running please.
Hopefully this is enough information, if not then please ask and i'll do my best to explain.
All the best
Stewart
29 Replies
It's lead me into installing WSL and Ubuntu but i'm not sure if I needed them or whether I'm just doing everything wrong.This is a good start 👍 Wasp support Windows with WSL, but not only Windows Did you manage to install Wasp on your WSL? What are you seeing? Some errors? 🙂
Hello miho, i'm not sure to be honest.
i'm a complete novice so i'm trying to get my head round it all.
I have just clicked on the Windows subsystem for Linux which has opened a command prompt type window
Now tried to install wasp and It appears to be successful. Not sure where to go from here though
I can recommend by taking a look at couple of Youtube videos about WSL 🙂 https://www.youtube.com/watch?v=kL8iGErULiw
Techno Tim
YouTube
Setting Up Windows for JavaScript Development THE RIGHT WAY (WSL Te...
You want to get started developing JavaScript with NodeJS, ReactJS, or AngularJS but you're not sure how to get started? This is a complete, step by step guide on how to configure your Windows machines for JavaScript development the right way. You'll learn how to install and configure Windows, the new Windows Terminal, WSL, Ubuntu, ZSH with Oh...
Wohooo @miho, you just became a Waspeteer level 28!
I used to ChatGPT to troubleshoot what I was doing wrong. Seems that i had to use cd mnt instead of cd
Wohooo @Shoo0204, you just became a Waspeteer level 1!
Now that you have the folder there, you can run the
wasp
commandsexcellent. Where do I find those commands to run the program. Sorry, forgive my lack of knowledge and experience here.
Thank you miho, most appreciated. I'll certainly take a look.
No worries, from the same window where you downloaded the app 🙂
Beware, there might be some errors in the app you might need to fix, but those will most likely be import related error e.g. you'll need to fix some file names
So, run first
wasp db migrate-dev
and then wasp start
Hi miho. Thank you for your patience and help.
I have run he wasp db migrate-dev command and it appears to have run properly. it's asking for a name forthe new migration. What should I type here
Migrations on the db are usually used to mark changes in your data model e.g. adding a new field or a new data entity. Since this is your first time running it, you can just put "Some initial data" or "Intial"
Excellent i typed "initial" and i've updated pris to 5.5.2 as it said there was an update from 4.16.2
I have now typed wasp start and it appeared to start wasp but it's showing various errors.
Can I copy and paste what i can see to this chat?
I can't type into that window any longer either
Wohooo @Shoo0204, you just became a Waspeteer level 2!
Okay I typed exit and it has gone back to the root where the program is stored on my desktop and has a prompt that I can now type in again
It seems like GPT introduced an error into the app as it was generating it!
Specifically, it can't find "DadshboardPage".
Look into the files of the generated app -> is there a DashboardPage under client/pages/?
What is likely that it is instead just called Dashboard and GPT got confused and tried to reference it as DashboardPage later at some point -> probably in .wasp file.
So you got to make sure those are all in sync.
NOTE: Mage is currently not at the level where it is easy to use for non-devs, it is more of a "smart" project starter for developers -> because it can make mistakes and can get lost if project is bigger, so unless app is as simple as TodoApp or MyPlants example, it requires a developer to fix it up and get it working.
Thank you martinsos. I will check the files and see if I can work out what is happening. I'm confused already so I think I'll have to stick a pin in the project for now until I gain some more experience.
Thank you for the advice about MAGE.
Where do you advise I start my journey into sw development and web app designing etc. I really enjoy learning about all of these different languages but I have no idea where to start. Ideally i'd like to be able to write my own software programs (SaaS). Perhaps write my own CRM/ERP for my construction company as none of the ones on the market do what I want.
I'm confident with computers in general and know my way around them. I have a very limited amount of knowledge in code/programming etc that i have picked up through trial and error and testing and I have a small amount of web design experience.
However, I am not proficient in any of it. I don't know where to start. Do I start with a simple HTML course or do I start to learn a programming language like python or is there a better more widely used lanaguage that I should learn.
sorry for the lengthy message. Any advice would be appreciated
I have found a file in client/pages/ called Dashboard.jsx
I notice in the file router.tsx at this path "C:\Users\info\Desktop\SensiCRM.wasp\out\web-app\src\router.tsx" there was reference to "Dashboardpage" so i've changed that wording to Dashboard.
are there other files I need to change?
So files in .wasp/out/ dir are not to be changed -> they are what Wasp compiler outputs. I know it is a bit confusing due to error messages pointing to these, that is something we are still working on. What you really want to fix is mention of DashboardPage in your main.wasp file -> you will want to change that to just Dashboard.
But there might be more mistakes after this one, and it is likely you will lack the dev knowledge to fix them or to bring app closer to what you need.
Great that you have some web design skills already!
Well, web dev is many things really: it is learning HTML, CSS, JavaScript, then also learning to use some good frameworks/libraries, for example React with Wasp (or if you want more stable / famous solution maybe go for React with NextJS, that is the most popular one these days), and then a bit about deploying the app, and those are some basics! There is of course also managing your code via Git, that one is a must.
So, to help a bit with learning, this is what I would recommend to learn:
1. HTML and CSS
2. JavaScript
3. Git
4. React (probably best via NextJS)
You don't have to master any of these perfectly, that will come with time, instead I would learn them to some degree and then move on to practice.
I don't have a specific course to recommend but there are many good courses online I am sure, I would probably look at freecodecamp, or go for some popular course on udemy or coursera.
Especially HTML / CSS and Git -> those you need to learn enough to use, but you will anyway keep using google / stack overflow / chatGPT on the way to help you out with them.
JavaScript and React -> those you will want to invest more time into it, because they have more depth to them.
Thank you so much for the advice. Thanks for taking the time to write this and point me in the right direction. I really appreciate it, thank you.
Yes, I managed to clear the Dashboard error and then found quite a few more.
shoo@CAD-LAPTOP:/mnt/c/Users/info/Desktop/SensiCRM$ npm install @wasp/queries
npm ERR! code E404
npm ERR! 404 Not Found - GET https://registry.npmjs.org/@wasp%2fqueries - Not found
npm ERR! 404
npm ERR! 404 '@wasp/queries@*' is not in this registry.
npm ERR! 404
npm ERR! 404 Note that you can also install from a
npm ERR! 404 tarball, folder, http url, or git url.
npm ERR! A complete log of this run can be found in:
npm ERR! /home/shoo/.npm/_logs/2023-11-13T14_23_57_941Z-debug-0.log
shoo@CAD-LAPTOP:/mnt/c/Users/info/Desktop/SensiCRM$
issues installing npm at the moment
This is again GPT mistake -> it seems it created a wrong import!
As for mistakes in Mage generated app -> there will be more possibly, and if you are having as much trouble as right now, I do agree it is best to come back to it once you are somewhat more experienced with web dev.
As for web dev learning -> if you need some advice or just help durying studying, feel free to ask questions here in our discord, best is probably #🌐web-dev channel -> we are not a big community but have people around that would be happy to help!
Hi there!
I'm getting the following error message when installing wasp-lang on WSL Ubuntu:
Resolved ✅
I needed to use node 18
@Yahai great to hear that helped! ALthough it sounds to me like the problem was with curl, not with node, at least at the start? Also, wihch node did you have that wasn't 18, I guess 20?
Thanks @martinsos
That makes sense. I believe my internet connection must have glitched at the time. Afterwards, I was able to install wasp.
I was using 20. Stepped it down to 18, and no issue so far.
Thanks again.
Great! We will be soon rolling out an update where Wasp will be more flexible around node version, allowing you to use any version >=18, so that should also make the whole thing a bit simpler.