Code Monkey home page Code Monkey logo

Comments (20)

simonhochrein avatar simonhochrein commented on May 22, 2024 2

I once did a project with electron on a minimal linux system and I found that there are many dependencies.
sudo apt install libdbus-1-dev libgtk2.0-dev libnotify-dev libgnome-keyring-dev libgconf2-dev libasound2-dev libcap-dev libcups2-dev libxtst-dev libxss1 libnss3-dev
Those should be all the packages you need.

Source: https://electron.atom.io/docs/development/build-instructions-linux/

I'd also recommend trying this: https://github.com/electron/electron-api-demos/releases/download/v1.3.0/electron-api-demos-linux.zip to see if electron starts or not

from reactide.

quoidautre avatar quoidautre commented on May 22, 2024 1

It's maybe a misunderstannding :) : I install/launch ReactIDE on my system. And I read the .JSX files with the shared folders.
But, but, I must install npm and nodeJS... And so, I've lost the interest in using a VM :(

from reactide.

corbin-r avatar corbin-r commented on May 22, 2024

So the first stack is normal. That can happen with fsevents when it's trying to be installed on an unsupported platform (for example, Windows).

Now for the second, what are you running on your VM, OS wise?

from reactide.

corbin-r avatar corbin-r commented on May 22, 2024

Because libgtx-x11-* is an X11 window server package.

from reactide.

quoidautre avatar quoidautre commented on May 22, 2024

Hi,
Ok for the first message.
And, yes, I'm on a VM (Ubuntu 16.04 LTS)

So, I must install (apt-get) "libgtx-x11-*" ?

Thanks.

from reactide.

corbin-r avatar corbin-r commented on May 22, 2024

Yeah if you're on Ubuntu? Yeah see if libx-x11-* has an APT package.

from reactide.

quoidautre avatar quoidautre commented on May 22, 2024

OK. I've installed :).. but, another error :( :

$ npm start

> [email protected] start /opt/reactide
> cross-env NODE_ENV=production electron .

/opt/reactide/node_modules/electron/dist/electron: error while loading shared libraries: libX11-xcb.so.1: cannot open shared object file: No such file or directory

Trying to install libX11-xcb.* now ?

F.

from reactide.

corbin-r avatar corbin-r commented on May 22, 2024

What architecture is your VM? 32/64-Bit?

from reactide.

quoidautre avatar quoidautre commented on May 22, 2024

64 Bits :
box: puphpet/ubuntu1604-x64

F.

from reactide.

corbin-r avatar corbin-r commented on May 22, 2024

You might try installing the entire GTK2 package? Instead of that one dependency.

from reactide.

quoidautre avatar quoidautre commented on May 22, 2024

Maybe I must install (if I not already do that) on my system outside the VM ?

Because, I can access the files (.js) with shared folders.... isn't it ?

from reactide.

corbin-r avatar corbin-r commented on May 22, 2024

Well yes, in some VM configs you can.
You can share the host OS' file system.

I'm not sure how you have yours configured however.

from reactide.

corbin-r avatar corbin-r commented on May 22, 2024

Alright! Let me know how it goes.

from reactide.

quoidautre avatar quoidautre commented on May 22, 2024

ok.
To be continued tomorrow :)

from reactide.

quoidautre avatar quoidautre commented on May 22, 2024

So, I've installed :
gtk2.0, libxss1, libgconf-2-4, and now, there's again an error :( :
/opt/reactide/node_modules/electron/dist/electron: error while loading shared libraries: libnss3.so:

It's a bit annoying :(

And, also libnss3, libasound*... and oh no, another error :

$ npm install && npm start
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.0.0 (node_modules/chokidar/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
npm WARN [email protected] No repository field.

> [email protected] start /opt/reactide
> cross-env NODE_ENV=production electron .


npm ERR! Linux 4.4.0-45-generic
npm ERR! argv "/usr/bin/nodejs" "/usr/bin/npm" "start"
npm ERR! node v6.11.2
npm ERR! npm  v3.10.10
npm ERR! code ELIFECYCLE
npm ERR! [email protected] start: `cross-env NODE_ENV=production electron .`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the [email protected] start script 'cross-env NODE_ENV=production electron .'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the reactide package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR!     cross-env NODE_ENV=production electron .
npm ERR! You can get information on how to open an issue for this project with:
npm ERR!     npm bugs reactide
npm ERR! Or if that isn't available, you can get their info via:
npm ERR!     npm owner ls reactide
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR!     /opt/reactide/npm-debug.log

and when I run :

> [email protected] dev /opt/reactide
> webpack-dev-server --inline --content-base ./renderer

Project is running at http://localhost:8081/
webpack output is served from /dist/
Content not from webpack is served from /opt/reactide/renderer
Hash: d578488228a4dfab3aed
Version: webpack 2.7.0
Time: 2678ms
    Asset     Size  Chunks                    Chunk Names
bundle.js  1.27 MB       0  [emitted]  [big]  main
chunk    {0} bundle.js (main) 1.23 MB [entry] [rendered]
    [9] ./~/react/react.js 56 bytes {0} [built]
   [74] ./~/redux/es/index.js 1.08 kB {0} [built]
  [151] ./renderer/index.js 726 bytes {0} [built]
  [152] (webpack)-dev-server/client?http://localhost:8081 5.83 kB {0} [built]
  [156] ./renderer/components/App.js 20.3 kB {0} [built]
  [170] ./renderer/reducers/index.js 429 bytes {0} [built]
  [202] ./~/loglevel/lib/loglevel.js 6.74 kB {0} [built]
  [209] ./~/react-dom/index.js 59 bytes {0} [built]
  [287] ./~/react-redux/es/index.js 230 bytes {0} [built]
  [335] ./~/strip-ansi/index.js 161 bytes {0} [built]
  [340] (webpack)-dev-server/client/overlay.js 3.6 kB {0} [built]
  [341] (webpack)-dev-server/client/socket.js 856 bytes {0} [built]
  [343] (webpack)/hot nonrecursive ^\.\/log$ 160 bytes {0} [built]
  [344] (webpack)/hot/emitter.js 77 bytes {0} [built]
  [361] multi (webpack)-dev-server/client?http://localhost:8081 ./renderer/index.js 40 bytes {0} [built]
     + 347 hidden modules
webpack: Compiled successfully

I can't access it (even when i do : sudo iptables -I INPUT -p tcp --dport 8081 -j ACCEPT)
F.

from reactide.

jwebcat avatar jwebcat commented on May 22, 2024

from reactide.

quoidautre avatar quoidautre commented on May 22, 2024

@jwebcat : No, I never say that !
I said, in my case, the IDE doesn't work, and I've a lot of errors. That's it :)

Fabrice

from reactide.

jwebcat avatar jwebcat commented on May 22, 2024

from reactide.

robdylan avatar robdylan commented on May 22, 2024
sudo apt-get update
sudo apt-get install libx11-xcb-dev

Did it for me. I'm using Bash on Ubuntu on Windows. I can now move on to the next error.
#windowslaifu

from reactide.

quoidautre avatar quoidautre commented on May 22, 2024

Hi,
Ok, thanks. I'll try soon.

Fabrice

from reactide.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.