Unable to run locally

[myNicole98]

When I clone the repo and try to start the server locally with yarn dev, I get these logs:

yarn run v1.22.22
$ npm run start

> mangane-fe@peaceful-panther start
> npx webpack-dev-server

Running in development mode
Browserslist: caniuse-lite is outdated. Please run:
  npx browserslist@latest --update-db
  Why you should do it regularly: https://github.com/browserslist/browserslist#browsers-data-updating
<i> [webpack-dev-server] [HPM] Proxy created: /api/patron  -> http://localhost:3037
<i> [webpack-dev-server] Project is running at:
<i> [webpack-dev-server] Loopback: http://localhost:3036/, http://[::1]:3036/
<i> [webpack-dev-server] Content not from webpack is served from '/root/Mangane/public' directory
<i> [webpack-dev-server] 404s will fallback to '/'
Browserslist: caniuse-lite is outdated. Please run:
  npx browserslist@latest --update-db
  Why you should do it regularly: https://github.com/browserslist/browserslist#browsers-data-updating
Browserslist: caniuse-lite is outdated. Please run:
  npx browserslist@latest --update-db
  Why you should do it regularly: https://github.com/browserslist/browserslist#browsers-data-updating
fatal: ambiguous argument 'vpeaceful-panther': unknown revision or path not in the working tree.
Use '--' to separate paths from revisions, like this:
'git <command> [<revision>...] -- [<file>...]'

--------------------- Unused Files ---------------------

/root/Mangane/app/icons/mangane-dark-full-horizontal.svg

/root/Mangane/app/icons/mangane-dark-full.svg

/root/Mangane/app/icons/mangane-dark.svg

/root/Mangane/app/icons/mangane-full-horizontal.svg

/root/Mangane/app/icons/mangane-full.svg

/root/Mangane/app/icons/mangane.svg

/root/Mangane/app/soapbox/components/attachment_list.tsx

/root/Mangane/app/soapbox/components/avatar_composite.js

/root/Mangane/app/soapbox/components/filter_bar.js

/root/Mangane/app/soapbox/components/more_follows.tsx

/root/Mangane/app/soapbox/components/radio_button.tsx

/root/Mangane/app/soapbox/components/setting_text.js

/root/Mangane/app/soapbox/jest/test-helpers.tsx

/root/Mangane/app/soapbox/jest/test-setup.ts

/root/Mangane/app/soapbox/pages/empty_page.tsx

/root/Mangane/app/soapbox/pages/group_page.js

/root/Mangane/app/soapbox/pages/groups_page.js

/root/Mangane/app/soapbox/queries/suggestions.ts

/root/Mangane/app/soapbox/react-notification/index.d.ts

/root/Mangane/app/soapbox/reducers/height_cache.js

/root/Mangane/app/soapbox/service_worker/entry.ts

/root/Mangane/app/soapbox/service_worker/web_push_locales.js

/root/Mangane/app/soapbox/service_worker/web_push_notifications.ts

/root/Mangane/app/soapbox/types/colors.ts

/root/Mangane/app/soapbox/types/entities.ts

/root/Mangane/app/soapbox/types/soapbox.ts

/root/Mangane/app/soapbox/utils/soapbox_prop_types.ts

/root/Mangane/app/soapbox/features/introduction/index.js

/root/Mangane/app/soapbox/features/soapbox_config/forkawesome.json

/root/Mangane/app/soapbox/locales/locale-data/co.js

/root/Mangane/app/soapbox/locales/locale-data/oc.js

/root/Mangane/app/soapbox/features/bubble_timeline/components/column_settings.js

/root/Mangane/app/soapbox/features/bubble_timeline/containers/column_settings_container.js

/root/Mangane/app/soapbox/features/community_timeline/components/column_settings.js

/root/Mangane/app/soapbox/features/community_timeline/containers/column_settings_container.js

/root/Mangane/app/soapbox/features/compose/components/text_icon_button.tsx

/root/Mangane/app/soapbox/features/compose/containers/upload_progress_container.js

/root/Mangane/app/soapbox/features/groups/sidebar_panel/index.js

/root/Mangane/app/soapbox/features/groups/sidebar_panel/item.js

/root/Mangane/app/soapbox/features/home_timeline/components/column_settings.js

/root/Mangane/app/soapbox/features/home_timeline/containers/column_settings_container.js

/root/Mangane/app/soapbox/features/notifications/components/column_settings.js

/root/Mangane/app/soapbox/features/notifications/components/follow_request.js

/root/Mangane/app/soapbox/features/notifications/components/multi_setting_toggle.js

/root/Mangane/app/soapbox/features/notifications/containers/column_settings_container.js

/root/Mangane/app/soapbox/features/notifications/containers/follow_request_container.js

/root/Mangane/app/soapbox/features/onboarding/steps/suggested-accounts-step.tsx

/root/Mangane/app/soapbox/features/placeholder/components/placeholder_material_status.tsx

/root/Mangane/app/soapbox/features/public_layout/components/sonar.tsx

/root/Mangane/app/soapbox/features/public_timeline/components/column_settings.js

/root/Mangane/app/soapbox/features/public_timeline/containers/column_settings_container.js

/root/Mangane/app/soapbox/features/soapbox_config/components/crypto-address-input.tsx

/root/Mangane/app/soapbox/features/ui/components/account_list_panel.js

/root/Mangane/app/soapbox/features/ui/components/list_panel.tsx

/root/Mangane/app/soapbox/features/ui/components/navbar.tsx

/root/Mangane/app/soapbox/features/ui/util/schedule_idle_task.js

/root/Mangane/app/soapbox/features/groups/timeline/components/header.js

/root/Mangane/app/soapbox/features/groups/timeline/components/panel.js

/root/Mangane/app/soapbox/features/groups/timeline/containers/header_container.js

There are 59 unused files (¬º-°)¬. 

Please be careful if you want to remove them.

--------------------- Unused Exports ---------------------

Perfect, there is nothing to do ٩(◕‿◕｡)۶.
webpack compiled successfully

It seems ok, then I try to open the webpage at ipaddress:3036

I've copied the .env.example file into .env and I'm currently using the production environment. I can guarantee there's no firewall rule blocking the port and the IP address is correct. Am I missing something?

[Cl0v1s]

Hi !

From what I can read from your logs and the shared screen, the dev server is listening on localhost:3036 when you are trying to reach it using it's local ip address.

I think the issue may be here

Can you try to instruct webpack-dev-server to listen to all address ? Here is an example https://stackoverflow.com/a/49323685

[myNicole98]

Yup, that was it, now it's reachable. I've changed the address to 0.0.0.0 and port to 3036 in the /webpack/development.js file.

Thanks :)