Theia app stuck on loading animation after fresh vanilla build

Hi guys,

As of maybe last week, every fresh Theia build I do results in the app getting stuck indefinitely on the initial loading animation, never actually loading the app. I get the same outcome regardless of whether I build on Windows 10 i386, Raspbian armv7l or Ubuntu armv8.
I am following the build instructions on https://theia-ide.org/docs/composing_applications/

Here is the build output on Windows:

David@Soyuz MINGW64 ~/myapp2
$ yarn prepare
yarn run v1.22.4
$ yarn run clean && yarn build
$ theia clean
$ theia build
(node:14448) DeprecationWarning: Tapable.apply is deprecated. Call apply on the plugin directly instead

Hash: 8b763f79b78d693e382f
Version: webpack 4.43.0
Time: 75512ms
Built at: 07/06/2020 12:20:56 PM
                                                 Asset      Size  Chunks                                Chunk Names        
                0a32a80243e05284a5d741c5dc093f31.woff2  23.8 KiB          [emitted]
                11d1a2390613abf202bfd2ebbd5c4500.woff2  88.6 KiB          [emitted]
                 154ccd182313c345d3b9dd8571931eb5.wasm   457 KiB          [emitted]              [big]
              154ccd182313c345d3b9dd8571931eb5.wasm.gz   141 KiB          [emitted]
                  674f50d287a8c48dc19ba404d20fe713.eot   162 KiB          [emitted]
               674f50d287a8c48dc19ba404d20fe713.eot.gz  95.9 KiB          [emitted]
                  912ec66d7572ff821749319396470bde.svg   434 KiB          [emitted]              [big]
               912ec66d7572ff821749319396470bde.svg.gz   131 KiB          [emitted]
                af7ae505a9eed503f8b8e6982036873e.woff2  75.4 KiB          [emitted]
                  b06871f281fee6b241d60582ae9369b9.ttf   162 KiB          [emitted]
               b06871f281fee6b241d60582ae9369b9.ttf.gz  95.8 KiB          [emitted]
                                             bundle.js  7.51 MiB       0  [emitted]              [big]  main
                                          bundle.js.gz  1.65 MiB          [emitted]              [big]
                                         bundle.js.map  18.2 MiB       0  [emitted] [dev]               main
                                      bundle.js.map.gz  4.17 MiB          [emitted]              [big]
                  cf2aabacdc2b3a5768b03545cb1d8330.svg    21 KiB          [emitted]
               cf2aabacdc2b3a5768b03545cb1d8330.svg.gz  5.18 KiB          [emitted]
                de59a97248b44599e6747a27a943f738.woff2  19.8 KiB          [emitted]
                e19892df121e7f85c61754c54bbb7951.woff2  48.6 KiB          [emitted]
                  e817279537a0417d042f62fbb1b99eea.gif  43.1 KiB          [emitted]
                 fee66e712a8a08eef5805a46892932ad.woff  95.7 KiB          [emitted]
   vs/base/browser/ui/codiconLabel/codicon/codicon.ttf  46.3 KiB          [emitted]
vs/base/browser/ui/codiconLabel/codicon/codicon.ttf.gz  25.1 KiB          [emitted]
                          vs/base/worker/workerMain.js   178 KiB          [emitted]
                       vs/base/worker/workerMain.js.gz  54.5 KiB          [emitted]
                             vs/editor/editor.main.css   107 KiB          [emitted]
                          vs/editor/editor.main.css.gz  21.3 KiB          [emitted]
                              vs/editor/editor.main.js  2.39 MiB          [emitted]              [big]
                           vs/editor/editor.main.js.gz   572 KiB          [emitted]              [big]
                       vs/editor/editor.main.nls.de.js  48.9 KiB          [emitted]
                    vs/editor/editor.main.nls.de.js.gz  11.4 KiB          [emitted]
                       vs/editor/editor.main.nls.es.js  48.9 KiB          [emitted]
                    vs/editor/editor.main.nls.es.js.gz  11.4 KiB          [emitted]
                       vs/editor/editor.main.nls.fr.js  48.9 KiB          [emitted]
                    vs/editor/editor.main.nls.fr.js.gz  11.4 KiB          [emitted]
                       vs/editor/editor.main.nls.it.js  48.9 KiB          [emitted]
                    vs/editor/editor.main.nls.it.js.gz  11.4 KiB          [emitted]
                       vs/editor/editor.main.nls.ja.js  48.9 KiB          [emitted]
                    vs/editor/editor.main.nls.ja.js.gz  11.4 KiB          [emitted]
                          vs/editor/editor.main.nls.js  48.9 KiB          [emitted]
                       vs/editor/editor.main.nls.js.gz  11.4 KiB          [emitted]
                       vs/editor/editor.main.nls.ko.js  48.9 KiB          [emitted]
                    vs/editor/editor.main.nls.ko.js.gz  11.4 KiB          [emitted]
                       vs/editor/editor.main.nls.ru.js  48.9 KiB          [emitted]
                    vs/editor/editor.main.nls.ru.js.gz  11.4 KiB          [emitted]
                    vs/editor/editor.main.nls.zh-cn.js    49 KiB          [emitted]
                 vs/editor/editor.main.nls.zh-cn.js.gz  11.4 KiB          [emitted]
                    vs/editor/editor.main.nls.zh-tw.js    49 KiB          [emitted]
                 vs/editor/editor.main.nls.zh-tw.js.gz  11.4 KiB          [emitted]
                                          vs/loader.js  29.5 KiB          [emitted]
                                       vs/loader.js.gz   8.7 KiB          [emitted]
                    worker-ext.ed06c8bcf33c16e94f62.js   536 KiB          [emitted] [immutable]  [big]
                 worker-ext.ed06c8bcf33c16e94f62.js.gz   119 KiB          [emitted]
                worker-ext.ed06c8bcf33c16e94f62.js.map  1.75 MiB          [emitted] [dev]
             worker-ext.ed06c8bcf33c16e94f62.js.map.gz   407 KiB          [emitted]              [big]
Entrypoint main [big] = bundle.js bundle.js.map
  [84] (webpack)/buildin/global.js 472 bytes {0} [built]
 [149] ./node_modules/jsonc-parser/lib/esm/main.js + 4 modules 58.1 KiB {0} [built]
       |    5 modules
 [417] (webpack)/buildin/module.js 497 bytes {0} [built]
 [532] ./node_modules/react-virtualized/dist/es/index.js + 69 modules 327 KiB {0} [built]
       |    70 modules
 [533] ./node_modules/uuid/dist/esm-browser/index.js + 9 modules 16.7 KiB {0} [built]
       |    10 modules
 [993] ./src-gen/frontend/index.js 5.88 KiB {0} [built]
[1175] ./node_modules/@theia/core/src/common/keyboard/layouts sync ^\.\/.*\.json$ 1.39 KiB {0} [built]
[1378] ./node_modules/moment/locale sync ^\.\/.*$ 3 KiB {0} [optional] [built]
[1472] ./node_modules/vscode-textmate/release sync 160 bytes {0} [built]
[1634] ./node_modules/@theia/json/node_modules/@theia/core/src/common/keyboard/layouts sync ^\.\/.*\.json$ 1.39 KiB {0} [built]
[2191] ./node_modules/idb/build/esm/index.js + 1 modules 10.1 KiB {0} [built]
       |    2 modules
    + 2181 hidden modules

WARNING in ./node_modules/vscode-textmate/release/main.js 23:15-27
Critical dependency: the request of a dependency is an expression
 @ ./node_modules/@theia/monaco/lib/browser/textmate/monaco-theme-registry.js
 @ ./node_modules/@theia/monaco/lib/browser/monaco-theming-service.js
 @ ./node_modules/@theia/plugin-ext/lib/main/browser/plugin-contribution-handler.js
 @ ./node_modules/@theia/plugin-ext/lib/main/browser/plugin-ext-frontend-module.js
 @ ./node_modules/@theia/plugin-ext/lib/plugin-ext-frontend-module.js
 @ ./src-gen/frontend/index.js

WARNING in ./node_modules/vscode-textmate/release/main.js
Module Warning (from ./node_modules/source-map-loader/index.js):
(Emitted value instead of an instance of Error) Cannot find SourceMap 'main.js.map': Error: Can't resolve './main.js.map' in 'C:\Users\David\myapp2\node_modules\vscode-textmate\release'
 @ ./node_modules/@theia/monaco/lib/browser/textmate/monaco-theme-registry.js 69:24-50
 @ ./node_modules/@theia/monaco/lib/browser/monaco-theming-service.js
 @ ./node_modules/@theia/plugin-ext/lib/main/browser/plugin-contribution-handler.js
 @ ./node_modules/@theia/plugin-ext/lib/main/browser/plugin-ext-frontend-module.js
 @ ./node_modules/@theia/plugin-ext/lib/plugin-ext-frontend-module.js
 @ ./src-gen/frontend/index.js

WARNING in asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
This can impact web performance.
Assets:
  worker-ext.ed06c8bcf33c16e94f62.js (536 KiB)
  912ec66d7572ff821749319396470bde.svg (434 KiB)
  154ccd182313c345d3b9dd8571931eb5.wasm (457 KiB)
  bundle.js (7.51 MiB)
  vs/editor/editor.main.js (2.39 MiB)
  vs/editor/editor.main.js.gz (572 KiB)
  worker-ext.ed06c8bcf33c16e94f62.js.map.gz (407 KiB)
  bundle.js.gz (1.65 MiB)
  bundle.js.map.gz (4.17 MiB)

WARNING in entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). 
This can impact web performance.
Entrypoints:
  main (7.51 MiB)
      bundle.js


WARNING in webpack performance recommendations:
You can limit the size of your bundles by using import() or require.ensure to lazy load some parts of your application.    
For more info visit https://webpack.js.org/guides/code-splitting/
Child worker:
                                     Asset      Size  Chunks                                Chunk Names
        worker-ext.ed06c8bcf33c16e94f62.js   536 KiB       0  [emitted] [immutable]  [big]  main
    worker-ext.ed06c8bcf33c16e94f62.js.map  1.75 MiB       0  [emitted] [dev]               main
    Entrypoint main = worker-ext.ed06c8bcf33c16e94f62.js worker-ext.ed06c8bcf33c16e94f62.js.map
     [17] (webpack)/buildin/global.js 472 bytes {0} [built]
     [28] ./node_modules/uuid/dist/esm-browser/index.js + 9 modules 16.7 KiB {0} [built]
          |    10 modules
    [164] (webpack)/buildin/module.js 497 bytes {0} [built]
        + 179 hidden modules

Done in 82.05s.

And the run output:

David@Soyuz MINGW64 ~/myapp2
$ yarn start
yarn run v1.22.4
$ theia start
(node:9940) ExperimentalWarning: The fs.promises API is experimental
root INFO Configuring to accept webviews on '.+.webview..+' hostname.
root WARN The directory referenced by local-dir:/c%3A/Users/David/.theia/plugins does not exist.
root WARN The directory referenced by local-dir:/c%3A/Users/David/.theia/extensions does not exist.
root INFO Deploy plugins list took: 5.2 ms
root INFO Theia app listening on http://localhost:3000.

Even after trying to load the app in the browser, nothing else is displayed on the terminal.

Here is my package.json:

{
    "private": true,
    "dependencies": {
      "@theia/callhierarchy": "next",
      "@theia/file-search": "next",
      "@theia/git": "next",
      "@theia/json": "next",
      "@theia/markers": "next",
      "@theia/messages": "next",
      "@theia/mini-browser": "next",
      "@theia/navigator": "next",
      "@theia/outline-view": "next",
      "@theia/plugin-ext-vscode": "next",
      "@theia/preferences": "next",
      "@theia/preview": "next",
      "@theia/search-in-workspace": "next",
      "@theia/terminal": "next"
    },
    "devDependencies": {
      "@theia/cli": "next"
    },
    "scripts": {
      "prepare": "yarn run clean && yarn build",
      "clean": "theia clean",
      "build": "theia build",
      "start": "theia start"
    }
  }

Note: I get the same result regardless of build mode.

Perhaps it is an issue with my build config, but as far as I’m aware I didn’t change anything since last time I built successfully, so I’m not sure why the behaviour is different now.

Any help is much appreciated!
Thanks guys!

Alright the quick start browser example (https://github.com/eclipse-theia/theia/blob/master/doc/Developing.md) built and ran just fine, so I’m assuming there is some difference in configuration of the browser example?

Do you have any errors in browser console?

Here’s the browser console output

DevTools failed to load SourceMap: Could not load content for http://localhost:3000/min-maps/vs/loader.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
DevTools failed to load SourceMap: Could not load content for http://localhost:3000/min-maps/vs/editor/editor.main.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
index.js:74 Failed to start the frontend application.
(anonymous) @ lodash.js:1
Promise.catch (async)
(anonymous) @ lodash.js:1
n @ bundle.js:1
(anonymous) @ bundle.js:1
(anonymous) @ bundle.js:1
index.js:76 Error: Cannot apply @injectable decorator multiple times.
    at injectable.js:8
    at Reflect.js:540
    at Object.<anonymous> (Reflect.js:130)
    at a (decorator_utils.js:42)
    at Object.t.decorate (decorator_utils.js:55)
    at Object.<anonymous> (widget.ts:27)
    at n (bootstrap:19)
    at Object.<anonymous> (index.ts:17)
    at n (bootstrap:19)
    at Object.<anonymous> (dialogs.ts:20)
(anonymous) @ lodash.js:1
Promise.catch (async)
(anonymous) @ lodash.js:1
n @ bundle.js:1
(anonymous) @ bundle.js:1
(anonymous) @ bundle.js:1
DevTools failed to load SourceMap: Could not load content for http://localhost:3000/min-maps/vs/editor/editor.main.nls.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE

Something with your node_modules. It seems to have 2 different versions of Theia. Could you run yarn why @theia/core and see why it is so?

I think we can’t include @theia/json for next apps. But that would not have been a problem ~1 week ago. I’ll try with the provided package.json and see if I can reproduce.

Confirmed: worked for me once I removed @theia/json

For more info see this related PR: https://github.com/eclipse-theia/theia/pull/8112

@BrotherCreamy Can you try again, removing @theia/json from package.json? I think the corresponding PR was merged very recently, so you may have had a different issue ~1 week ago, not sure.

Be sure to clean everything in the directory, other than package.json.

Hi Marc,

Removing @theia/json and reinstalling/rebuilding worked for me (for all platforms), so I guess that is the issue I was having.
I didn’t actually build for a few days, and the first time I noticed the issue was some time over the weekend, so I don’t think there was anything else at play here.

My browser console output is still not completely clean though:

DevTools failed to load SourceMap: Could not load content for http://localhost:3000/min-maps/vs/loader.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
DevTools failed to load SourceMap: Could not load content for http://localhost:3000/min-maps/vs/editor/editor.main.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
DevTools failed to load SourceMap: Could not load content for http://localhost:3000/min-maps/vs/editor/editor.main.nls.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
logger-protocol.ts:112 root INFO Detected keyboard layout from browser API: US (PC)
logger-protocol.ts:112 root WARN Frontend e.onStart is slow, took: 478.6 ms
e.log @ css.js:1
(anonymous) @ reconnecting-websocket-mjs.js:17
(anonymous) @ bundle.js:1
(anonymous) @ bundle.js:1
Promise.then (async)
e.log @ bundle.js:1
n @ bundle.js:1
(anonymous) @ bundle.js:1
(anonymous) @ bundle.js:1
(anonymous) @ bundle.js:1
a @ bundle.js:1
Promise.then (async)
c @ bundle.js:1
(anonymous) @ bundle.js:1
a @ bundle.js:1
e.measure @ bundle.js:1
(anonymous) @ bundle.js:1
(anonymous) @ bundle.js:1
(anonymous) @ bundle.js:1
(anonymous) @ bundle.js:1
(anonymous) @ bundle.js:1
a @ bundle.js:1
Promise.then (async)
c @ bundle.js:1
a @ bundle.js:1
Promise.then (async)
c @ bundle.js:1
a @ bundle.js:1
Promise.then (async)
c @ bundle.js:1
a @ bundle.js:1
Promise.then (async)
c @ bundle.js:1
a @ bundle.js:1
Promise.then (async)
c @ bundle.js:1
a @ bundle.js:1
Promise.then (async)
c @ bundle.js:1
a @ bundle.js:1
Promise.then (async)
c @ bundle.js:1
a @ bundle.js:1
Promise.then (async)
c @ bundle.js:1
a @ bundle.js:1
Promise.then (async)
c @ bundle.js:1
a @ bundle.js:1
Promise.then (async)
c @ bundle.js:1
a @ bundle.js:1
Promise.then (async)
c @ bundle.js:1
a @ bundle.js:1
Promise.then (async)
c @ bundle.js:1
a @ bundle.js:1
Promise.then (async)
c @ bundle.js:1
a @ bundle.js:1
Promise.then (async)
c @ bundle.js:1
a @ bundle.js:1
Promise.then (async)
c @ bundle.js:1
a @ bundle.js:1
Promise.then (async)
c @ bundle.js:1
a @ bundle.js:1
Promise.then (async)
c @ bundle.js:1
a @ bundle.js:1
Promise.then (async)
c @ bundle.js:1
a @ bundle.js:1
Promise.then (async)
c @ bundle.js:1
a @ bundle.js:1
Promise.then (async)
c @ bundle.js:1
a @ bundle.js:1
Promise.then (async)
c @ bundle.js:1
a @ bundle.js:1
Promise.then (async)
c @ bundle.js:1
a @ bundle.js:1
Promise.then (async)
c @ bundle.js:1
a @ bundle.js:1
Promise.then (async)
c @ bundle.js:1
(anonymous) @ bundle.js:1
a @ bundle.js:1
e.startContributions @ bundle.js:1
(anonymous) @ bundle.js:1
(anonymous) @ bundle.js:1
(anonymous) @ bundle.js:1
(anonymous) @ bundle.js:1
a @ bundle.js:1
e.start @ bundle.js:1
(anonymous) @ lodash.js:1
Promise.then (async)
(anonymous) @ lodash.js:1
n @ bundle.js:1
(anonymous) @ bundle.js:1
(anonymous) @ bundle.js:1
logger-protocol.ts:112 root INFO Changed application state from 'init' to 'started_contributions'.
logger-protocol.ts:112 root INFO Changed application state from 'started_contributions' to 'attached_shell'.
logger-protocol.ts:112 root INFO >>> Restoring the layout state...
logger-protocol.ts:112 root WARN Couldn't restore widget for vsx-extensions-view-container. Error: Error: No widget factory 'vsx-extensions-view-container' has been registered. 
e.log @ css.js:1
(anonymous) @ reconnecting-websocket-mjs.js:17
(anonymous) @ bundle.js:1
(anonymous) @ bundle.js:1
Promise.then (async)
e.log @ bundle.js:1
e.warn @ bundle.js:1
(anonymous) @ bundle.js:19
(anonymous) @ bundle.js:19
(anonymous) @ bundle.js:19
s @ bundle.js:19
Promise.then (async)
c @ bundle.js:19
a @ bundle.js:19
Promise.then (async)
c @ bundle.js:19
(anonymous) @ bundle.js:19
s @ bundle.js:19
e.convertToWidget @ bundle.js:19
(anonymous) @ bundle.js:19
(anonymous) @ bundle.js:19
(anonymous) @ bundle.js:19
(anonymous) @ bundle.js:19
s @ bundle.js:19
(anonymous) @ bundle.js:19
(anonymous) @ bundle.js:19
(anonymous) @ bundle.js:19
(anonymous) @ bundle.js:19
(anonymous) @ bundle.js:19
s @ bundle.js:19
e.inflate @ bundle.js:19
(anonymous) @ bundle.js:19
(anonymous) @ bundle.js:19
(anonymous) @ bundle.js:19
a @ bundle.js:19
Promise.then (async)
c @ bundle.js:19
(anonymous) @ bundle.js:19
s @ bundle.js:19
e.inflate @ bundle.js:19
(anonymous) @ bundle.js:19
(anonymous) @ bundle.js:19
(anonymous) @ bundle.js:19
a @ bundle.js:19
Promise.then (async)
c @ bundle.js:19
(anonymous) @ bundle.js:19
s @ bundle.js:19
e.restoreLayout @ bundle.js:19
(anonymous) @ bundle.js:1
(anonymous) @ bundle.js:1
(anonymous) @ bundle.js:1
(anonymous) @ bundle.js:1
a @ bundle.js:1
e.restoreLayout @ bundle.js:1
(anonymous) @ bundle.js:1
(anonymous) @ bundle.js:1
(anonymous) @ bundle.js:1
(anonymous) @ bundle.js:1
a @ bundle.js:1
e.initializeLayout @ bundle.js:1
(anonymous) @ bundle.js:1
(anonymous) @ bundle.js:1
(anonymous) @ bundle.js:1
a @ bundle.js:1
Promise.then (async)
c @ bundle.js:1
a @ bundle.js:1
Promise.then (async)
c @ bundle.js:1
a @ bundle.js:1
Promise.then (async)
c @ bundle.js:1
(anonymous) @ bundle.js:1
a @ bundle.js:1
e.start @ bundle.js:1
(anonymous) @ lodash.js:1
Promise.then (async)
(anonymous) @ lodash.js:1
n @ bundle.js:1
(anonymous) @ bundle.js:1
(anonymous) @ bundle.js:1
logger-protocol.ts:112 root WARN Couldn't restore widget for getting.started.widget. Error: Error: No widget factory 'getting.started.widget' has been registered. 
e.log @ css.js:1
(anonymous) @ reconnecting-websocket-mjs.js:17
(anonymous) @ bundle.js:1
(anonymous) @ bundle.js:1
Promise.then (async)
e.log @ bundle.js:1
e.warn @ bundle.js:1
(anonymous) @ bundle.js:19
(anonymous) @ bundle.js:19
(anonymous) @ bundle.js:19
s @ bundle.js:19
Promise.then (async)
c @ bundle.js:19
a @ bundle.js:19
Promise.then (async)
c @ bundle.js:19
(anonymous) @ bundle.js:19
s @ bundle.js:19
e.convertToWidget @ bundle.js:19
(anonymous) @ bundle.js:19
(anonymous) @ bundle.js:19
(anonymous) @ bundle.js:19
(anonymous) @ bundle.js:19
s @ bundle.js:19
(anonymous) @ bundle.js:19
(anonymous) @ bundle.js:19
(anonymous) @ bundle.js:19
(anonymous) @ bundle.js:19
(anonymous) @ bundle.js:19
s @ bundle.js:19
e.inflate @ bundle.js:19
(anonymous) @ bundle.js:19
(anonymous) @ bundle.js:19
(anonymous) @ bundle.js:19
a @ bundle.js:19
Promise.then (async)
c @ bundle.js:19
(anonymous) @ bundle.js:19
s @ bundle.js:19
e.inflate @ bundle.js:19
(anonymous) @ bundle.js:19
(anonymous) @ bundle.js:19
(anonymous) @ bundle.js:19
a @ bundle.js:19
Promise.then (async)
c @ bundle.js:19
(anonymous) @ bundle.js:19
s @ bundle.js:19
e.restoreLayout @ bundle.js:19
(anonymous) @ bundle.js:1
(anonymous) @ bundle.js:1
(anonymous) @ bundle.js:1
(anonymous) @ bundle.js:1
a @ bundle.js:1
e.restoreLayout @ bundle.js:1
(anonymous) @ bundle.js:1
(anonymous) @ bundle.js:1
(anonymous) @ bundle.js:1
(anonymous) @ bundle.js:1
a @ bundle.js:1
e.initializeLayout @ bundle.js:1
(anonymous) @ bundle.js:1
(anonymous) @ bundle.js:1
(anonymous) @ bundle.js:1
a @ bundle.js:1
Promise.then (async)
c @ bundle.js:1
a @ bundle.js:1
Promise.then (async)
c @ bundle.js:1
a @ bundle.js:1
Promise.then (async)
c @ bundle.js:1
(anonymous) @ bundle.js:1
a @ bundle.js:1
e.start @ bundle.js:1
(anonymous) @ lodash.js:1
Promise.then (async)
(anonymous) @ lodash.js:1
n @ bundle.js:1
(anonymous) @ bundle.js:1
(anonymous) @ bundle.js:1
logger-protocol.ts:112 root INFO <<< The layout has been successfully restored.
logger-protocol.ts:112 root INFO Changed application state from 'attached_shell' to 'initialized_layout'.
logger-protocol.ts:112 root INFO [6f164be4-5533-47d9-b49c-f2bd65ceb2b0] Sync of 0 plugins took: 1361.4 ms
logger-protocol.ts:112 root INFO [6f164be4-5533-47d9-b49c-f2bd65ceb2b0] Load contributions of 0 plugins took: 0.0 ms
logger-protocol.ts:112 root INFO [6f164be4-5533-47d9-b49c-f2bd65ceb2b0] Start of 0 plugins took: 272.6 ms
logger-protocol.ts:112 root INFO [6f164be4-5533-47d9-b49c-f2bd65ceb2b0] Sync of 0 plugins took: 30.4 ms
logger-protocol.ts:112 root INFO [6f164be4-5533-47d9-b49c-f2bd65ceb2b0] Load contributions of 0 plugins took: 0.0 ms
logger-protocol.ts:112 root INFO Changed application state from 'initialized_layout' to 'ready'.
logger-protocol.ts:112 root INFO [6f164be4-5533-47d9-b49c-f2bd65ceb2b0] Start of 0 plugins took: 41.5 ms

Thanks again!

Thanks for your help Anton.
Here is the output from yarn why @theia/core:

David@Soyuz MINGW64 ~/myapp2
$ yarn why @theia/core
yarn why v1.22.4
[1/4] Why do we have the module "@theia/core"...?
[2/4] Initialising dependency graph...
[3/4] Finding dependency...
[4/4] Calculating file sizes...
=> Found "@theia/core@1.4.0-next.5818d507"
info Reasons this module exists
   - "@theia#preferences" depends on it
   - Hoisted from "@theia#preferences#@theia#core"
   - Hoisted from "@theia#search-in-workspace#@theia#core"
   - Hoisted from "@theia#git#@theia#core"
   - Hoisted from "@theia#terminal#@theia#core"
   - Hoisted from "@theia#callhierarchy#@theia#core"
   - Hoisted from "@theia#outline-view#@theia#core"
   - Hoisted from "@theia#markers#@theia#core"
   - Hoisted from "@theia#navigator#@theia#core"
   - Hoisted from "@theia#preview#@theia#core"
   - Hoisted from "@theia#plugin-ext-vscode#@theia#core"
   - Hoisted from "@theia#file-search#@theia#core"
   - Hoisted from "@theia#messages#@theia#core"
   - Hoisted from "@theia#mini-browser#@theia#core"
   - Hoisted from "@theia#callhierarchy#@theia#languages#@theia#core"
   - Hoisted from "@theia#git#@theia#filesystem#@theia#core"
   - Hoisted from "@theia#plugin-ext-vscode#@theia#plugin-ext#@theia#core"
   - Hoisted from "@theia#preferences#@theia#monaco#@theia#core"
   - Hoisted from "@theia#plugin-ext-vscode#@theia#workspace#@theia#core"
   - Hoisted from "@theia#preferences#@theia#userstorage#@theia#core"
   - Hoisted from "@theia#terminal#@theia#editor#@theia#core"
   - Hoisted from "@theia#git#@theia#scm#@theia#core"
   - Hoisted from "@theia#search-in-workspace#@theia#process#@theia#core"
   - Hoisted from "@theia#git#@theia#scm-extra#@theia#core"
   - Hoisted from "@theia#plugin-ext-vscode#@theia#workspace#@theia#variable-resolver#@theia#core"
   - Hoisted from "@theia#plugin-ext-vscode#@theia#plugin-ext#@theia#debug#@theia#core"
   - Hoisted from "@theia#plugin-ext-vscode#@theia#plugin-ext#@theia#task#@theia#core"
   - Hoisted from "@theia#plugin-ext-vscode#@theia#plugin-ext#@theia#output#@theia#core"
   - Hoisted from "@theia#plugin-ext-vscode#@theia#plugin-ext#@theia#debug#@theia#console#@theia#core"
Done in 2.89s.

Would this output suggest I have two versions of Theia installed?

No, it looks good. I was suspecting it because of this error: Cannot apply @injectable decorator multiple times.. Is it possible to share the setup as a github repo?

There were two versions of @theia/core when I first reproduced (keeping @theia/json). So that problem is fixed.

@BrotherCreamy does the app now work? The absence of SourceMap might only hinder debugging?

Hi Marc,
Yes the app works as expected now.
For now the absence of SourceMap is fine… I’m still just tinkering with Theia at this point.
Thank you!

1 Like