Ask for advice! Modify the theia source code

Modify the theia source code, for example, modify the CSS style, but no effect in The Electron Example

[original thread by MuQingYu-WuYu]

Are you sure that css code is referenced and you run theia build?

if it is not referenced webpack won’t bundle it, theia build runs webpack


I’m a novice, following the steps of the official website documents, and now I’ve done the yarn run start operation under the examples / electronic directory. How can I modify the source code and see the effect after the modification? Thank you very much!


When I am yarn = > yarn Theia build, an error is reported:Error: Cannot find module ‘F:\agree\theia_build\theia_agreestudio_v.6\node_modules\node_modules\webpack\bin\webpack.js’,and Error: webpack exited with an unexpected code: 1. at ChildProcess. (F:\agree\theia_build\theia_agreestudio_v.6\node_modules@theia\application-manager\lib\application-process.js:66:28)

Could you reference please which docs? and all commands which you run


All commands I run:
yarn rebuild:elecrtron
cd examples/electron
yarn run start


My goal of self-study is to debug Theia source code

Could you share output of all commands?


OK,thanks,All my command output:
git clone
yarn rebuild:electron
cd examples/electron
yarn run start
What I expect is to debug the source code, not the application examples, but what I have been exposed to at present is only the steps described in the official documents.
The official website is:
My system is windows 10
Yarn version number is 1.7.0
Node version number is 10.15.3
Python version number is python2.7
git version

I meant that you get as output of running this command. But actually not very familiar with development on Windows. maybe @kittaakos has a clue what is going wrong

for incemental development please see also:

you have to watch bundling in the example package as well as compilation in the changed extension package

Also modifying the source code makes sense only if you are planning to contribute something to Theia

to build a custom product you should develop a custom extension and use the dependency injection:


Thank you for your advice. I will continue to study Theia. I can see that my understanding of Theia is very simple at present