[qgis-qwc2] Building QWC2 on windows

SL gis_loe at web.de
Fri Apr 16 00:16:06 PDT 2021 

Hello,

I am still trying to build QWC2 on Windows.

What I do now is:
git clone --recursive https://github.com/qgis/qwc2-demo-app.git
cd qwc2-demo-app

-> Replace themes config:
copy c:\temp\themesConfig.json themesConfig.json /Y

cd qwc2
yarn add --dev uuid
yarn add --dev glob
yarn add --dev mkdirp
cd..

yarn add terser-webpack-plugin
yarn add babel-loader

yarn install
yarn start

After yarn start it starts a webserver, but a lot of errors are listet.
Please see the attached Log file.
The QWC2App.js file doesn't appear.

What am I doing wrong?

Greetings,
Stefan


Am 24.03.2021 um 16:04 schrieb SL:
> Well...
> sort of.
> "yarn start" works after I went to .\qwc2-demo-app\qwc2 and executed
> "yarn add -dev uuid".
>
> When I access the client with a browser no maps get displayed and the
> browser console shows:
> Uncaught TypeError: uuid__WEBPACK_IMPORTED_MODULE_4__.default is
> undefined
>
> Seems to be related?
>
> Thank you!
>
> Am 24.03.2021 um 14:28 schrieb Sandro Mani:
>>
>> On 24.03.21 14:04, SL wrote:
>>> Hello,
>>>
>>> I am trying to build QWC2 under Windows 10.
>>> I am following the documentation ob Github:
>>>
>>> git clone --recursive https://github.com/qgis/qwc2-demo-app.git
>>> yarn install
>>> yarn start
>>>
>>> After "yarn install" I get some deprecation warnings for packages.
>>> The process breaks during "yarn start" becaus of missing dependancies
>>> ("uuid").
>>>
>>> I tried with a up-to-date NodeJS and with NodeJS 12.
>>>
>>> I posted a detailed description at stackexchange:
>>> https://gis.stackexchange.com/questions/390915/qwc2-build-pipeline-problems
>>>
>>>
>>> Question: Is it possible to build it under Windows? Did anybody try to
>>> do it?
>>> What could be the problem with my approach?
>>>
>> Does
>>
>> yarn add --dev uuid
>>
>> help?
>>
>> Sandro
>>
>

-------------- next part --------------
c:\qgwc2\qwc2-demo-app>yarn start

> QWC2App at 1.1.0 tsupdate
> node qwc2/scripts/updateTranslations.js

Generating translations for qwc2
Wrote qwc2/translations/de-DE.json
Wrote qwc2/translations/de-CH.json
Wrote qwc2/translations/en-US.json
Wrote qwc2/translations/es-ES.json
Wrote qwc2/translations/fr-FR.json
Wrote qwc2/translations/hu-HU.json
Wrote qwc2/translations/it-IT.json
Wrote qwc2/translations/pl-PL.json
Wrote qwc2/translations/pt-BR.json
Wrote qwc2/translations/pt-PT.json
Wrote qwc2/translations/ro-RO.json
Wrote qwc2/translations/ru-RU.json
Wrote qwc2/translations/sv-SE.json
Wrote qwc2/translations/tr-TR.json
Wrote qwc2/translations/cs-CZ.json
Wrote qwc2/translations/no-NO.json
Wrote translations/de-DE.json
Wrote translations/de-CH.json
Wrote translations/en-US.json
Wrote translations/es-ES.json
Wrote translations/fr-FR.json
Wrote translations/it-IT.json
Wrote translations/pl-PL.json
Wrote translations/pt-BR.json
Wrote translations/pt-PT.json
Wrote translations/ro-RO.json
Wrote translations/ru-RU.json
Wrote translations/sv-SE.json
Wrote translations/tr-TR.json
Wrote translations/cs-CZ.json

> QWC2App at 1.1.0 themesconfig
> node qwc2/scripts/themesConfig.js

Reading themesConfig.json
Parsing WMS GetProjectSettings of http://iisappint01/qgis/qgis_mapserv.fcgi.exe?map=projects/Katasterdaten_Euskrichen.qgs
Using WMS GetMap to generate thumbnail for http://iisappint01/qgis/qgis_mapserv.fcgi.exe?map=projects/Katasterdaten_Euskrichen.qgs
Parsing WMS GetProjectSettings of http://iisappint01/qgis/qgis_mapserv.fcgi.exe?map=projects/Katasterdaten_Euskrichen.qgs
Using WMS GetMap to generate thumbnail for http://iisappint01/qgis/qgis_mapserv.fcgi.exe?map=projects/Katasterdaten_Euskrichen.qgs

Created themes.json



> QWC2App at 1.1.0 iconfont
> node qwc2/scripts/makeIconkit.js

(node:5696) V8: c:\qgwc2\qwc2-demo-app\.yarn\unplugged\ttf2woff2-npm-2.0.3-713d778a60\node_modules\ttf2woff2\jssrc\ttf2woff2.js:3 Invalid asm.js: Invalid member of stdlib
(Use `node --trace-warnings ...` to show where the warning was created)
Done!
10% building 3/3 modules 0 activei ｢wds｣: Project is running at http://0.0.0.0:8081/
i ｢wds｣: webpack output is served from /dist
i ｢wds｣: Content not from webpack is served from ./
× ｢wdm｣: Hash: e04b862fa5d154e44907
Version: webpack 4.46.0
Time: 146ms
Built at: 16.04.2021 08:52:52
                Asset      Size              Chunks  Chunk Names
           QWC2App.js  32.6 KiB             QWC2App  QWC2App
webpack-dev-server.js  32.8 KiB  webpack-dev-server  webpack-dev-server
           webpack.js  32.7 KiB             webpack  webpack
Entrypoint webpack-dev-server = webpack-dev-server.js
Entrypoint webpack = webpack.js
Entrypoint QWC2App = QWC2App.js
[0] multi ./.yarn/$$virtual/webpack-dev-server-virtual-30f8ff9c7a/0/cache/webpack-dev-server-npm-3.11.2-02bc129ea9-6bf6803810.zip/node_modules/webpack-dev-server/client?http://0.0.0.0:8081 (webpack)/hot/dev-server.js webpack-dev-server/client?http://0.0.0.0:8081 52 bytes {webpack-dev-server} [built]
[1] multi ./.yarn/$$virtual/webpack-dev-server-virtual-30f8ff9c7a/0/cache/webpack-dev-server-npm-3.11.2-02bc129ea9-6bf6803810.zip/node_modules/webpack-dev-server/client?http://0.0.0.0:8081 (webpack)/hot/dev-server.js webpack/hot/only-dev-server 52 bytes {webpack} [built]
[2] multi ./.yarn/$$virtual/webpack-dev-server-virtual-30f8ff9c7a/0/cache/webpack-dev-server-npm-3.11.2-02bc129ea9-6bf6803810.zip/node_modules/webpack-dev-server/client?http://0.0.0.0:8081 (webpack)/hot/dev-server.js ./js/app 52 bytes {QWC2App} [built]

ERROR in Entry module not found: Error: Can't resolve 'babel-loader' in 'c:\qgwc2\qwc2-demo-app'

ERROR in Entry module not found: Error: Can't resolve 'webpack-dev-server/client?http://0.0.0.0:8081' in 'c:\qgwc2\qwc2-demo-app'

ERROR in Entry module not found: Error: Can't resolve 'webpack/hot/only-dev-server' in 'c:\qgwc2\qwc2-demo-app'

ERROR in multi ./.yarn/$$virtual/webpack-dev-server-virtual-30f8ff9c7a/0/cache/webpack-dev-server-npm-3.11.2-02bc129ea9-6bf6803810.zip/node_modules/webpack-dev-server/client?http://0.0.0.0:8081 (webpack)/hot/dev-server.js ./js/app
Module not found: Error: Can't resolve 'babel-loader' in 'c:\qgwc2\qwc2-demo-app'
 @ multi ./.yarn/$$virtual/webpack-dev-server-virtual-30f8ff9c7a/0/cache/webpack-dev-server-npm-3.11.2-02bc129ea9-6bf6803810.zip/node_modules/webpack-dev-server/client?http://0.0.0.0:8081 (webpack)/hot/dev-server.js ./js/app QWC2App[2]

ERROR in multi ./.yarn/$$virtual/webpack-dev-server-virtual-30f8ff9c7a/0/cache/webpack-dev-server-npm-3.11.2-02bc129ea9-6bf6803810.zip/node_modules/webpack-dev-server/client?http://0.0.0.0:8081 (webpack)/hot/dev-server.js webpack-dev-server/client?http://0.0.0.0:8081
Module not found: Error: Can't resolve 'source-map-loader' in 'c:\qgwc2\qwc2-demo-app'
 @ multi ./.yarn/$$virtual/webpack-dev-server-virtual-30f8ff9c7a/0/cache/webpack-dev-server-npm-3.11.2-02bc129ea9-6bf6803810.zip/node_modules/webpack-dev-server/client?http://0.0.0.0:8081 (webpack)/hot/dev-server.js webpack-dev-server/client?http://0.0.0.0:8081 webpack-dev-server[1]

ERROR in multi ./.yarn/$$virtual/webpack-dev-server-virtual-30f8ff9c7a/0/cache/webpack-dev-server-npm-3.11.2-02bc129ea9-6bf6803810.zip/node_modules/webpack-dev-server/client?http://0.0.0.0:8081 (webpack)/hot/dev-server.js webpack/hot/only-dev-server
Module not found: Error: Can't resolve 'source-map-loader' in 'c:\qgwc2\qwc2-demo-app'
 @ multi ./.yarn/$$virtual/webpack-dev-server-virtual-30f8ff9c7a/0/cache/webpack-dev-server-npm-3.11.2-02bc129ea9-6bf6803810.zip/node_modules/webpack-dev-server/client?http://0.0.0.0:8081 (webpack)/hot/dev-server.js webpack/hot/only-dev-server webpack[1]

ERROR in multi ./.yarn/$$virtual/webpack-dev-server-virtual-30f8ff9c7a/0/cache/webpack-dev-server-npm-3.11.2-02bc129ea9-6bf6803810.zip/node_modules/webpack-dev-server/client?http://0.0.0.0:8081 (webpack)/hot/dev-server.js ./js/app
Module not found: Error: Can't resolve 'source-map-loader' in 'c:\qgwc2\qwc2-demo-app'
 @ multi ./.yarn/$$virtual/webpack-dev-server-virtual-30f8ff9c7a/0/cache/webpack-dev-server-npm-3.11.2-02bc129ea9-6bf6803810.zip/node_modules/webpack-dev-server/client?http://0.0.0.0:8081 (webpack)/hot/dev-server.js ./js/app QWC2App[1]

ERROR in multi ./.yarn/$$virtual/webpack-dev-server-virtual-30f8ff9c7a/0/cache/webpack-dev-server-npm-3.11.2-02bc129ea9-6bf6803810.zip/node_modules/webpack-dev-server/client?http://0.0.0.0:8081 (webpack)/hot/dev-server.js webpack-dev-server/client?http://0.0.0.0:8081
Module not found: Error: Can't resolve 'source-map-loader' in 'c:\qgwc2\qwc2-demo-app'
 @ multi ./.yarn/$$virtual/webpack-dev-server-virtual-30f8ff9c7a/0/cache/webpack-dev-server-npm-3.11.2-02bc129ea9-6bf6803810.zip/node_modules/webpack-dev-server/client?http://0.0.0.0:8081 (webpack)/hot/dev-server.js webpack-dev-server/client?http://0.0.0.0:8081 webpack-dev-server[0]

ERROR in multi ./.yarn/$$virtual/webpack-dev-server-virtual-30f8ff9c7a/0/cache/webpack-dev-server-npm-3.11.2-02bc129ea9-6bf6803810.zip/node_modules/webpack-dev-server/client?http://0.0.0.0:8081 (webpack)/hot/dev-server.js webpack/hot/only-dev-server
Module not found: Error: Can't resolve 'source-map-loader' in 'c:\qgwc2\qwc2-demo-app'
 @ multi ./.yarn/$$virtual/webpack-dev-server-virtual-30f8ff9c7a/0/cache/webpack-dev-server-npm-3.11.2-02bc129ea9-6bf6803810.zip/node_modules/webpack-dev-server/client?http://0.0.0.0:8081 (webpack)/hot/dev-server.js webpack/hot/only-dev-server webpack[0]

ERROR in multi ./.yarn/$$virtual/webpack-dev-server-virtual-30f8ff9c7a/0/cache/webpack-dev-server-npm-3.11.2-02bc129ea9-6bf6803810.zip/node_modules/webpack-dev-server/client?http://0.0.0.0:8081 (webpack)/hot/dev-server.js ./js/app
Module not found: Error: Can't resolve 'source-map-loader' in 'c:\qgwc2\qwc2-demo-app'
 @ multi ./.yarn/$$virtual/webpack-dev-server-virtual-30f8ff9c7a/0/cache/webpack-dev-server-npm-3.11.2-02bc129ea9-6bf6803810.zip/node_modules/webpack-dev-server/client?http://0.0.0.0:8081 (webpack)/hot/dev-server.js ./js/app QWC2App[0]

ERROR in multi ./.yarn/$$virtual/webpack-dev-server-virtual-30f8ff9c7a/0/cache/webpack-dev-server-npm-3.11.2-02bc129ea9-6bf6803810.zip/node_modules/webpack-dev-server/client?http://0.0.0.0:8081 (webpack)/hot/dev-server.js webpack-dev-server/client?http://0.0.0.0:8081
Module not found: Error: Can't resolve 'webpack-dev-server/client?http://0.0.0.0:8081' in 'c:\qgwc2\qwc2-demo-app'
 @ multi ./.yarn/$$virtual/webpack-dev-server-virtual-30f8ff9c7a/0/cache/webpack-dev-server-npm-3.11.2-02bc129ea9-6bf6803810.zip/node_modules/webpack-dev-server/client?http://0.0.0.0:8081 (webpack)/hot/dev-server.js webpack-dev-server/client?http://0.0.0.0:8081 webpack-dev-server[2]

ERROR in multi ./.yarn/$$virtual/webpack-dev-server-virtual-30f8ff9c7a/0/cache/webpack-dev-server-npm-3.11.2-02bc129ea9-6bf6803810.zip/node_modules/webpack-dev-server/client?http://0.0.0.0:8081 (webpack)/hot/dev-server.js webpack/hot/only-dev-server
Module not found: Error: Can't resolve 'webpack/hot/only-dev-server' in 'c:\qgwc2\qwc2-demo-app'
 @ multi ./.yarn/$$virtual/webpack-dev-server-virtual-30f8ff9c7a/0/cache/webpack-dev-server-npm-3.11.2-02bc129ea9-6bf6803810.zip/node_modules/webpack-dev-server/client?http://0.0.0.0:8081 (webpack)/hot/dev-server.js webpack/hot/only-dev-server webpack[2]
i ｢wdm｣: Failed to compile.
Error from chokidar (c:\): Error: EBUSY: resource busy or locked, lstat 'c:\swapfile.sys'

More information about the qgis-qwc2 mailing list