How can I build Project on local?

[bansalhimanshu0296]

I'm working on developing a new frontend feature. To test and implement it properly, I need to run the backend and Frontend locally. Could anyone guide me on the steps to get it up and running?

When I navigate to the docker/dev directory and ran the build_images.sh file, after that try to ran docker run -d -p 27017:27017 -v $(pwd)/mongo/data:/data/db --name uptime_database_mongo uptime_database_mongo.

I followed the Guide for Contributors steps in this guide:
Guide for Contributors

However, I encountered an error when running the following step:

docker run -d -p 27017:27017 -v $(pwd)/mongo/data:/data/db --name uptime_database_mongo uptime_database_mongo
The error message I received was:

Unable to find image 'uptime_database_mongo:latest' locally
docker: Error response from daemon: pull access denied for uptime_database_mongo, repository does not exist or may require 'docker login': denied: requested access to the resource is denied.

Also facing issues in compiling Front end code locally., When I run npm run dev facing below issue

src/Components/v2/DesignElements/StatusLabel.tsx(5,34): error TS2307: Cannot find module '@/Utils/MonitorUtils' or its corresponding type declarations.
10.86 src/Components/v2/DesignElements/StatusLabel.tsx(27,12): error TS7053: Element implicitly has an 'any' type because expression of type 'any' can't be used to index type 'Palette'.
10.86 src/Components/v2/DesignElements/StatusLabel.tsx(28,18): error TS7053: Element implicitly has an 'any' type because expression of type 'any' can't be used to index type 'Palette'.
10.86 src/Components/v2/DesignElements/StatusLabel.tsx(34,14): error TS7053: Element implicitly has an 'any' type because expression of type 'any' can't be used to index type 'Palette'.
10.86 src/Components/v2/Monitors/ChartAvgResponse.tsx(7,38): error TS2307: Cannot find module '@/Utils/MonitorUtils' or its corresponding type declarations.
10.86 src/Components/v2/Monitors/ChartAvgResponse.tsx(48,28): error TS7053: Element implicitly has an 'any' type because expression of type 'any' can't be used to index type 'Palette'.
10.86 src/Components/v2/Monitors/ChartAvgResponse.tsx(51,20): error TS7053: Element implicitly has an 'any' type because expression of type 'any' can't be used to index type 'Palette'.
10.86 src/Components/v2/Monitors/HistogramStatus.tsx(17,38): error TS2307: Cannot find module '@/Utils/MonitorUtils' or its corresponding type declarations.
10.86 src/Components/v2/Monitors/HistogramStatus.tsx(208,17): error TS7053: Element implicitly has an 'any' type because expression of type 'any' can't be used to index type 'Palette'.
10.86 src/Components/v2/Monitors/MonitorStatus.tsx(6,43): error TS2307: Cannot find module '@/Utils/MonitorUtils' or its corresponding type declarations.
10.86 src/Pages/v2/Uptime/Details.tsx(17,34): error TS2307: Cannot find module '@/Utils/MonitorUtils' or its corresponding type declarations.

I am using a Mac machine with M1 chip.

How should I proceed?

[gorkem-bwl]

@ajhollid fyi :)

[ajhollid]

Hi @bansalhimanshu0296 ,

The first error means that the image is not present on your local machine. As Docker can't find it on your machine it tries to pull it from a remote repository, but it doesn't exist there either, hence the error. You can check which images you have with docker images. If you don't have the image on your machine then you must build it or specify a different image.

As for the typescript errors, have you made changes to the code? Those errors are related to types, and are not present in the current codebase. I'd start by resetting the project so your codebase matches the develop branch, which is currently compiling and passing checks.

[bansalhimanshu0296]

Hi @ajhollid

I have not made any changes to typescript. I am getting this error when I run it after taking pull only.

[ajhollid]

@bansalhimanshu0296 are you sure you have the latest code from develop?

I just pulled the latest code and the build is successful and all checks are passing 🤔

[bansalhimanshu0296]

@bansalhimanshu0296 are you sure you have the latest code from develop?

I just pulled the latest code and the build is successful and all checks are passing 🤔
@ajhollid
FE is working fine now. Can you just please tell uptime_mongo and uptime_database_mongo is same image right, because that is created when I run your build image script.

[ajhollid]

Yes probably the same, you just need a mongodb instance.

[bansalhimanshu0296]

@ajhollid Thanks for all help it is working now.