web-frontend build failures #271
Description
Building apps/webfrontend fails when following its README.md instructions.
The first problem is that the Debian buster base image used by emscripten/emsdk:1.39.17 no longer have Release files provided at the regular mirrors:
make setup
# Build docker image for compilation with emscripten
docker build -f Dockerfile.jsbuild -t swe-dev . # --no-cache
[+] Building 1.3s (5/6) docker:default
=> [internal] load build definition from Dockerfile.jsbuild 0.0s
=> => transferring dockerfile: 192B 0.0s
=> [internal] load metadata for docker.io/emscripten/emsdk:1.39.17 0.5s
=> [internal] load .dockerignore 0.0s
=> => transferring context: 2B 0.0s
=> CACHED [1/3] FROM docker.io/emscripten/emsdk:1.39.17@sha256:1e264934c 0.0s
=> => resolve docker.io/emscripten/emsdk:1.39.17@sha256:1e264934c11ffde8 0.0s
=> ERROR [2/3] RUN apt-get update && apt-get install -y wget build-essen 0.6s
------
> [2/3] RUN apt-get update && apt-get install -y wget build-essential apt-transport-https scons:
0.388 Ign:1 http://deb.debian.org/debian buster InRelease
0.388 Ign:2 http://security.debian.org/debian-security buster/updates InRelease
0.431 Err:3 http://security.debian.org/debian-security buster/updates Release
0.431 404 Not Found [IP: 151.101.2.132 80]
0.434 Ign:4 http://deb.debian.org/debian buster-updates InRelease
0.503 Err:5 http://deb.debian.org/debian buster Release
0.503 404 Not Found [IP: 151.101.2.132 80]
0.545 Err:6 http://deb.debian.org/debian buster-updates Release
0.545 404 Not Found [IP: 151.101.2.132 80]
0.550 Reading package lists...
0.556 E: The repository 'http://security.debian.org/debian-security buster/updates Release' does not have a Release file.
0.556 E: The repository 'http://deb.debian.org/debian buster Release' does not have a Release file.
0.556 E: The repository 'http://deb.debian.org/debian buster-updates Release' does not have a Release file.
------
After fixing that, I ran into another error due to Vue component version mismatches:
yarn run v1.17.3
$ vue-cli-service serve
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
ERROR Error:
Vue packages version mismatch:
- vue@3.0.0 (/app/node_modules/vue/index.js)
- vue-template-compiler@2.6.12 (/app/node_modules/vue-template-compiler/package.json)
This may cause things to work incorrectly. Make sure to use the same version for both.
If you are using vue-loader@>=10.0, simply update vue-template-compiler.
If you are using vue-loader@<10.0 or vueify, re-installing vue-loader/vueify should bump vue-template-compiler to the latest.
I have fixes for both and will submit PR.