unable to setup development environment. Could not read source map

[siddtmb]

Actions before raising this issue

• [X] I searched the existing issues and did not find anything similar.
• [X] I read/searched the docs

Steps to Reproduce

Followed all the instructions on https://opencv.github.io/cvat/docs/contributing/development-environment/ with a fresh repository and a fresh python3.10 environment. nodejs version 16.20.2

Everything works fine till I press F5 to server:debug or server:chrome

Running server:debug causes an error in VSCode popup: Debug Stopped Running server:chrome causes errors in VSCode Debug Console:

[288439:288439:0324/214712.779381:ERROR:object_proxy.cc(576)] Failed to call method: org.freedesktop.ScreenSaver.GetActive: object_path= /org/freedesktop/ScreenSaver: org.freedesktop.DBus.Error.NotSupported: This method is not implemented
Fontconfig error: Cannot load default config file: No such file: (null)
[288439:288439:0324/214712.878127:ERROR:interface_endpoint_client.cc(707)] Message 6 rejected by interface blink.mojom.WidgetHost
[288439:288439:0324/214712.878156:ERROR:interface_endpoint_client.cc(707)] Message 7 rejected by interface blink.mojom.WidgetHost
[288439:288439:0324/214712.878181:ERROR:interface_endpoint_client.cc(707)] Message 3 rejected by interface blink.mojom.Widget
Could not read source map for chrome-error://chromewebdata/: Unexpected 503 response from chrome-error://chromewebdata/neterror.rollup.js.map: Unsupported protocol "chrome-error:"

Regardless, the server at localhost:7000 is unavaiable and localhost:3000 gives gateway error

It is frustrating how every time there is some new error with the dev environment which is not documented. Previously it was python3.10

Environment

node version 16.20.2
python version 3.10
ubuntu 20.04

asgiref==3.7.2
astroid==2.11.7
async-timeout==4.0.3
attrs==21.4.0
autopep8==2.0.4
av==9.2.0
azure-core==1.29.4
azure-storage-blob==12.13.0
black==24.1.1
boto3==1.17.61
botocore==1.20.112
cachetools==5.3.1
certifi==2023.7.22
cffi==1.16.0
charset-normalizer==3.3.0
click==8.1.7
clickhouse-connect==0.6.8
contourpy==1.1.1
coreapi==2.3.3
coreschema==0.0.4
crontab==1.0.1
cryptography==42.0.4
cycler==0.12.1
datumaro @ git+https://github.com/cvat-ai/datumaro.git@8a14a99fe17f19d98595a2a4a74ab459051cc23b
defusedxml==0.7.1
Deprecated==1.2.14
dill==0.3.7
dj-pagination==2.5.0
dj-rest-auth==2.2.7
Django==4.2.6
django-allauth==0.52.0
django-appconf==1.0.5
django-auth-ldap==2.2.0
django-compressor==4.3.1
django-cors-headers==3.5.0
django-crum==0.7.9
django-extensions==3.0.8
django-filter==2.4.0
django-health-check==3.18.1
django-rq==2.8.1
django-sendfile2==0.7.0
django-silk==5.0.3
djangorestframework==3.14.0
drf-spectacular==0.26.2
EasyProcess==1.1
entrypoint2==1.1
fonttools==4.43.1
freezegun==1.2.2
furl==2.1.0
google-api-core==2.12.0
google-auth==2.23.3
google-cloud-core==2.3.3
google-cloud-storage==1.42.0
google-crc32c==1.5.0
google-resumable-media==2.6.0
googleapis-common-protos==1.60.0
gprof2dot==2022.7.29
h5py==3.10.0
idna==3.4
importlib-metadata==6.8.0
importlib-resources==6.1.0
inflection==0.5.1
isodate==0.6.1
isort==5.12.0
itypes==1.2.0
Jinja2==3.1.3
jmespath==0.10.0
jsonschema==4.17.3
kiwisolver==1.4.5
lazy-object-proxy==1.9.0
limits==3.6.0
lxml==4.9.3
lz4==4.3.2
MarkupSafe==2.1.3
matplotlib==3.8.0
mccabe==0.7.0
msrest==0.7.1
mypy-extensions==1.0.0
natsort==8.0.0
networkx==3.1
nibabel==5.1.0
numpy==1.22.4
oauthlib==3.2.2
opencv-python==4.9.0.80
opencv-python-headless==4.8.1.78
orderedmultidict==1.0.1
orjson==3.9.8
packaging==23.2
pandas==2.1.1
pathspec==0.11.2
patool==1.12
pdf2image==1.14.0
Pillow==10.1.0
platformdirs==3.11.0
protobuf==3.19.6
psutil==5.9.4
psycopg2-binary==2.9.5
pyasn1==0.5.0
pyasn1-modules==0.3.0
pycocotools==2.0.7
pycodestyle==2.11.0
pycparser==2.21
PyJWT==2.8.0
pylint==2.14.5
pylint-django==2.5.3
pylint-plugin-utils==0.7
pylogbeat==2.0.1
pyparsing==3.1.1
pyrsistent==0.19.3
python-dateutil==2.8.2
python-ldap==3.4.3
python-logstash-async==2.5.0
python3-openid==3.2.0
pytz==2020.1
pyunpack==0.2.1
PyYAML==6.0.1
rcssmin==1.1.1
redis==4.5.4
requests==2.31.0
requests-oauthlib==1.3.1
rjsmin==1.2.1
rope==0.17.0
rq==1.15.1
rq-scheduler==0.13.1
rsa==4.9
ruamel.yaml==0.17.35
ruamel.yaml.clib==0.2.8
rules==3.3
s3transfer==0.4.2
scipy==1.11.3
Shapely==1.7.1
six==1.16.0
snakeviz==2.1.0
sqlparse==0.4.4
tensorboardX==2.6
tomli==2.0.1
tomlkit==0.12.1
tornado==6.3.3
tqdm==4.66.1
typing_extensions==4.8.0
tzdata==2023.3
uritemplate==4.1.1
urllib3==1.26.18
wrapt==1.15.0
zipp==3.17.0
zstandard==0.21.0

[siddtmb]

tried changing ports as well....

[bsekachev]

Hello, I do not think that somebody inside the team really uses these debug configurations from VSCode, because debugging from Google Chrome IMHO is more convenient. So, I would recommend to avoid them for now.

We definitely need to update the guides.

[siddtmb]

Regardless. It does not actually work. I cannot get development environment on localhost:3000 even after following all the steps.

[bsekachev]

Be sure you up front-end dev server.

[siddtmb]

You do that by doing the F5 and server:debug, right? That is exactly what is failing, and i needed help in that.

Running server:debug causes an error in VSCode popup: Debug Stopped

[siddtmb]

1. set up the python environment python 3.10
2. installed all requirements in the python environment
3. installed nodejs 16
4. ran yarn --frozen-lockfile while in python venv created in step 1
5. did yarn run start:cvat-ui
6. F5: server:debug from VSCode
7. VSCode pops up with: debug stopped
8. does not show anything on either localhost:3000 or localhost:7000
9. did server:chrome
10. still does not show anything on either localhost:3000 or localhost:7000

[Mansin-nd]

I'm facing a similar issue. Did it get resolved for you? If yes, could you describe what you did?