Giter VIP home page Giter VIP logo

vue-nodegui-starter's Introduction

NodeGui

All Contributors JS Party #96 Build and Test status Discuss on GitHub

Build performant, native and cross-platform desktop applications with Node.js and CSS like styling.๐Ÿš€

NodeGUI is powered by Qt6 ๐Ÿ’š which makes it CPU and memory efficient as compared to other chromium based solutions like Electron.

If you are looking for React based version, check out: React NodeGUI.

If you are looking for Vue based version, check out: Vue NodeGUI.

If you are looking for Svelte based version, check out: Svelte NodeGUI

Visit https://nodegui.github.io/nodegui for docs.

logo

How does it look?

demo_linux demo_win demo_mac
kitchendemo_macdemo_win

Code Examples

https://github.com/nodegui/examples


Features

  • ๐Ÿงฌ Cross platform. Works on major Linux flavours, Windows, and MacOS.
  • ๐Ÿ“‰ Low CPU and memory footprint. Current CPU stays at 0% on idle and memory usage is under 20MB for a Hello World program.
  • ๐Ÿ’… Styling with CSS (includes actual cascading). Also has full support for Flexbox layout (thanks to Yoga).
  • โœ… Complete Nodejs API support (Currently runs on Node v16.x - and is easily upgradable). Hence has access to all Nodejs compatible NPM modules.
  • ๐ŸŽช Native widget event listener support. Supports all events available from Qt / NodeJs.
  • ๐Ÿ’ธ Can be used for Commercial applications.
  • ๐Ÿ•ต๏ธโ€โ™‚๏ธ Good Devtools support.
  • ๐Ÿ“š Good documentation and website.
  • ๐Ÿง™โ€โ™‚๏ธ Good documentation for contributors.
  • ๐Ÿฆน๐Ÿปโ€โ™€๏ธ Good support for dark mode (Thanks to Qt).
  • ๐Ÿ…First class Typescript support. (Works on regular JS projects too ๐Ÿ˜‰).

Getting Started

Installation

To install latest stable release:

npm install @nodegui/nodegui

To install the latest version available on master branch:

npm install https://github.com/nodegui/nodegui/releases/download/v0.0.0-latest-master/nodegui-master.tgz

or a shorter version:

npm i http://master-release.nodegui.org

If the installation fails to download the Qt binaries, a mirror can be used by setting the following environment variable and running the install command again:

QT_LINK_MIRROR=<alternative domain> # eg. QT_LINK_MIRROR=https://qt-mirror.dannhauer.de

npm install @nodegui/nodegui

See FAQs for more details.

Community guides

Talks/Podcasts

Docs for contributing

It is easier than you think, try it

Looking to contribute? If you wish to implement a new widget/add more features and need help understanding the codebase, you can start here: Contributing developer docs.

Please read https://github.com/nodegui/.github/blob/master/CONTRIBUTING.md

Building from source

This section is useful for those wanting to work on NodeGui itself.

Required tooling

NodeGui requires CMake and Compilation Tools as it is a wrapper for a native C++ widget toolkit QT. Detailed instructions here: https://www.sitepoint.com/build-native-desktop-gif-searcher-app-using-nodegui/

TL;DR:

MacOS

brew install cmake
brew install make

Windows

https://cmake.org/download/

Linux (Debian/Ubuntu)

sudo apt-get install pkg-config build-essential
sudo apt-get install cmake make
sudo apt-get install mesa-common-dev libglu1-mesa-dev

Linux (Fedora/RHEL/CentOS)

sudo dnf groupinstall "Development Tools" "Development Libraries"
sudo dnf groupinstall "C Development Tools and Libraries"
sudo dnf install mesa-libGL mesa-libGL-devel

Building

Once you have cloned this git repository, run this to build:

npm install
npm run build

The last step will takes some time to run as it builds the C++ binaries at the core of NodeGui.

Using your own custom Qt installation (Optional)

Compiling Qt from source

You will need to download and install Qt from source since there are no binaries from Qt for M1 yet.

(https://www.reddit.com/r/QtFramework/comments/ll58wg/how_to_build_qt_creator_for_macos_arm64_a_guide/)

git clone git://code.qt.io/qt/qt5.git qt6
cd qt6
git checkout 6.6

./init-repository --module-subset=essential -f
git submodule init qtsvg
git submodule update qtsvg

cd ..
mkdir qt6-6.6-macOS-release
cd qt6-6.6-macOS-release

../qt6/configure -release QMAKE_APPLE_DEVICE_ARCHS=arm64 -opensource -confirm-license -nomake examples -nomake tests -skip qt3d -skip webengine -skip qtactiveqt -skip qtcanvas3d  -skip qtdeclarative -skip qtdatavis3d -skip qtdoc -skip qtgamepad -skip qtcharts -skip qtgraphicaleffects -skip qtlocation  -skip qtpurchasing -skip qtquickcontrols -skip qtquickcontrols2 -skip qtremoteobjects -skip qtscxml -skip qtsensors -skip qtserialbus -skip qtserialport -skip qtspeech -skip qtvirtualkeyboard -skip qtscript

make -j15

make install

This should install Qt into something like this /usr/local/Qt-6.6.0 (your directory can change. This will be displayed when running make)

Pointing nodegui to use your custom Qt installation

Now just set export QT_INSTALL_DIR=<your qt path> . In the above example it would look something like this export QT_INSTALL_DIR=/usr/local/Qt-6.6.0. Add this in your .zshrc or .bashrc so that you dont need to repeat this process again.

Now just rm -rf node_modules and do npm install again.

The logs should say something like CustomQt detected at <your qt path>. Hence, skipping Mini Qt installation.

Running example programs

A number of small programs to show different parts of the Qt API are in src/examples. They can be run directly with:

npm run qode dist/examples/modelview_1_readonly.js

Updating docs

npm run docs

then followed by:

cd website && GIT_USER=<your_git_username> yarn deploy

Funding

NodeGui is an open source project and requires your support. If you like this project, please consider supporting my work by clicking on the Sponsor button on this Github repository or via Ko-Fi. Alternatively, Issues on NodeGui can be funded by anyone via Issuehunt and the amount will be distributed to respective contributors.

Buy Me a Coffee at ko-fi.com ย  ย issuehunt

Special Thanks

Code of Conduct

https://github.com/nodegui/.github/blob/master/CODE_OF_CONDUCT.md

License

MIT

Backers ๐Ÿš€

Thanks goes to these wonderful people.

Yuriy Yazlovytskyy
Yuriy Yazlovytskyy
John Susek
John Susek
Marc Dijoux
Marc Dijoux
Stephen Belanger
Stephen Belanger
Rustam
Rustam

Maintainers โœจ

People maintaining this project.

Atul R
Atul R
Simon Edwards
Simon Edwards

Contributors โœจ

Thanks goes to these wonderful people (emoji key):


Lucas Ramage

๐Ÿ“–

Denis Sikuler

๐Ÿ“–

Nahuel Josรฉ

๐Ÿ’ฌ

Kakul Gupta

๐Ÿ’ป

Rahul Gaba

๐Ÿ’ป

Paweล‚ Borecki

๐Ÿ’ป

Marcus S. Abildskov

โš ๏ธ

รtila Camurรงa Alves

๐Ÿ“–

James Hibbard

๐Ÿ’ป

Soonwoo Hong

๐Ÿ’ป

Roy Sommer

๐Ÿ’ป

Paulo Coghi

๐Ÿค”

Balthild Ires

๐Ÿ’ป

Dimitar Nestorov

๐Ÿ’ป

Mikko Sairio

๐Ÿ’ป

Pepijn

๐Ÿ’ป

slidinghotdog

๐Ÿ’ป

Bundyo (Kamen Bundev)

๐Ÿ’ป

feng8848

๐Ÿ’ป

Maksim Karelov

๐Ÿ’ป

mspencer92

๐Ÿ’ป

blncd2020

๐Ÿ“–

gluaxspeed

๐Ÿ’ป

Solant

๐Ÿ’ป

Shubham Zanwar

๐Ÿ’ป

Singha360

๐Ÿ’ป

Mihkel

๐Ÿ’ป

Stephen A

๐Ÿ’ป

ๆตๅ›้…ฑ

๐Ÿ’ป

Adam Gastineau

๐Ÿ’ป

swittk

๐Ÿ’ป

craftingmod

๐Ÿ’ป

Doug Barbieri

๐Ÿ’ป

HENRIQUE DE SOUZA NERY

๐Ÿ’ป

Ruslan Garifullin

๐Ÿ’ป

Ranieri

๐Ÿ’ป ๐Ÿ“–

Nathanael Anderson

๐Ÿ’ป

Ross

๐Ÿ’ป ๐Ÿ“–

4h7l

๐Ÿ’ป

Maks

๐Ÿ’ป

zhb124404

๐Ÿ“–

Wyatt Kirby

๐Ÿ’ป

Steven Koch

๐Ÿ’ป

Simon Edwards

๐Ÿ’ป

This project follows the all-contributors specification. Contributions of any kind welcome!

vue-nodegui-starter's People

Contributors

shubhamzanwar avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

vue-nodegui-starter's Issues

Not working on Windows 10

Not working on Windows 10

Minimal Qt 5.14.1 setup:
D:\New\NodeQT\vue-nodegui-starter\node_modules\progress\lib\node-progress.js:160
  complete = Array(Math.max(0, completeLength + 1)).join(this.chars.complete);
             ^

RangeError: Invalid array length
    at ProgressBar.render (D:\New\NodeQT\vue-nodegui-starter\node_modules\progress\lib\node-progress.js:160:14)
    at ProgressBar.tick (D:\New\NodeQT\vue-nodegui-starter\node_modules\progress\lib\node-progress.js:97:8)
    at PassThrough.<anonymous> (D:\New\NodeQT\vue-nodegui-starter\node_modules\@nodegui\artifact-installer\dist\downloader.js:54:49)
    at PassThrough.emit (events.js:322:22)
    at addChunk (_stream_readable.js:286:12)
    at readableAddChunk (_stream_readable.js:268:9)
    at PassThrough.Readable.push (_stream_readable.js:209:10)
    at PassThrough.Transform.push (_stream_transform.js:152:32)
    at PassThrough.afterTransform (_stream_transform.js:96:10)
    at PassThrough._transform (_stream_passthrough.js:46:3)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! @nodegui/[email protected] setupqt: `cross-env node ./scripts/setupMiniQt.js`
npm ERR! Exit status 1

Dev Env settings:

PS D:\New\NodeQT\vue-nodegui-starter> npm --version
6.14.4
PS D:\New\NodeQT\vue-nodegui-starter> node --version
v12.16.3
PS C:\Program Files (x86)\Microsoft Visual Studio\Installer> .\vswhere.exe -property catalog_productDisplayVersion
16.8.3

Missed "build" script in package.json?

I cannot run npm run build, instead I did run these commands directly:

npm run dev
then
npx nodegui-packer --pack ./dist

Finally I got this message:

...
Build successful. Find the app at .../vue-nodegui-starter/deploy/darwin/build

But I cannot open deploy/darwin/build/MyApp

Did I missed something?

npm run dev้กน็›ฎๅฏๅŠจไธ่ตทๆฅ

ๅ’‹ๅ›žไบ‹ๅ•Š๏ผŒ่ฟ™้กน็›ฎๅ’‹ๆฒกไบบ็ปดๆŠคไบ†๏ผŒๅŸบ็ก€็š„ๅฏๅŠจ้ƒฝไธ่กŒๅ•Š

[314] ./main.js + 10 modules 4 KiB {0} [built]
      | ./main.js 108 bytes [built]
      | ./App.vue 291 bytes [built]
      | ./App.vue?vue&type=template&id=331aa444&bindings={"inc":"setup","count":"setup","counterStyle":"setup"} 238 bytes [built]
      | ./App.vue?vue&type=script&lang=js 210 bytes [built]
      | ./node_modules/vue-loader/dist/templateLoader.js??ref--5!./node_modules/vue-loader/dist??ref--0!./App.vue?vue&type=template&id=331aa444&bindings={"inc":"setup","count":"setup","counterStyle":"setup"} 793 bytes [built]
      | ./node_modules/vue-loader/dist??ref--0!./App.vue?vue&type=script&lang=js 442 bytes [built]
      | ./Hero.vue 253 bytes [built]
      | ./Hero.vue?vue&type=template&id=3e228e5a&bindings={"viewStyle":"setup"} 198 bytes [built]
      | ./Hero.vue?vue&type=script&lang=js 212 bytes [built]
      | ./node_modules/vue-loader/dist/templateLoader.js??ref--5!./node_modules/vue-loader/dist??ref--0!./Hero.vue?vue&type=template&id=3e228e5a&bindings={"viewStyle":"setup"} 753 bytes [built]
      | ./node_modules/vue-loader/dist??ref--0!./Hero.vue?vue&type=script&lang=js 592 bytes [built]
    + 302 hidden modules
node:events:342
      throw er; // Unhandled 'error' event
      ^

Error: spawn D:\projects\vue-nodegui-starter\node_modules\@nodegui\qode\binaries\qode.exe ENOENT
    at Process.ChildProcess._handle.onexit (node:internal/child_process:282:19)
    at onErrorNT (node:internal/child_process:480:16)
    at processTicksAndRejections (node:internal/process/task_queues:83:21)
Emitted 'error' event on ChildProcess instance at:
    at Process.ChildProcess._handle.onexit (node:internal/child_process:288:12)
    at onErrorNT (node:internal/child_process:480:16)
    at processTicksAndRejections (node:internal/process/task_queues:83:21) {
  errno: -4058,
  code: 'ENOENT',
  syscall: 'spawn D:\\projects\\vue-nodegui-starter\\node_modules\\@nodegui\\qode\\binaries\\qode.exe',
  path: 'D:\\projects\\vue-nodegui-starter\\node_modules\\@nodegui\\qode\\binaries\\qode.exe',
  spawnargs: [ '--inspect', './dist/main.js' ]
}

Packaged AppImage errors

npm i output! [ 99%] Building CXX object CMakeFiles/nodegui_core.dir/src/cpp/lib/QtWidgets/QStandardItem/qstandarditem_wrap.cpp.o [100%] Linking CXX shared library Release/nodegui_core.node [100%] Built target nodegui_core npm WARN [email protected] No repository field. npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/watchpack-chokidar2/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 optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})

added 678 packages from 479 contributors and audited 683 packages in 544.363s

16 packages are looking for funding
run npm fund for details

found 10 vulnerabilities (4 low, 3 moderate, 3 high)
run npm audit fix to fix them, or npm audit for details
gnb@gnb-MacBookPro:~/Desktop/vue-nodegui-starter-master$

npm run build "webpack -p" gnb@gnb-MacBookPro:~/Desktop/vue-nodegui-starter-master$ npm i --save-dev @nodegui/packer

@nodegui/[email protected] postinstall /home/gnb/Desktop/vue-nodegui-starter-master/node_modules/@nodegui/packer
node ./scripts/setupBinaries.js

Downloading Linux deploy Qt [=============================] 100% of 13.98MB 0.0s
Setting up permissions for linuxdeployqt
npm WARN @vue/[email protected] requires a peer of [email protected] but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] No repository field.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (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 optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/watchpack-chokidar2/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})

  • @nodegui/[email protected]
    added 7 packages from 17 contributors and audited 690 packages in 20.759s

17 packages are looking for funding
run npm fund for details

found 10 vulnerabilities (4 low, 3 moderate, 3 high)
run npm audit fix to fix them, or npm audit for details
gnb@gnb-MacBookPro:~/Desktop/vue-nodegui-starter-master$ npm runbuild

Usage: npm

where is one of:
access, adduser, audit, bin, bugs, c, cache, ci, cit,
clean-install, clean-install-test, completion, config,
create, ddp, dedupe, deprecate, dist-tag, docs, doctor,
edit, explore, fund, get, help, help-search, hook, i, init,
install, install-ci-test, install-test, it, link, list, ln,
login, logout, ls, org, outdated, owner, pack, ping, prefix,
profile, prune, publish, rb, rebuild, repo, restart, root,
run, run-script, s, se, search, set, shrinkwrap, star,
stars, start, stop, t, team, test, token, tst, un,
uninstall, unpublish, unstar, up, update, v, version, view,
whoami

npm -h quick help on
npm -l display full usage info
npm help search for help on
npm help npm involved overview

Specify configs in the ini-formatted file:
/home/gnb/.npmrc
or on the command line via: npm --key value
Config info can be viewed via: npm help config

[email protected] /home/gnb/.nvm/versions/node/v14.15.4/lib/node_modules/npm

Did you mean this?
rebuild
gnb@gnb-MacBookPro:~/Desktop/vue-nodegui-starter-master$ npm run build

[email protected] build /home/gnb/Desktop/vue-nodegui-starter-master
webpack -p

Hash: cfa8d6ef691b03afcc7a
Version: webpack 4.44.2
Time: 29273ms
Built at: 2021-04-28 12:08:07 p.m.
Asset Size Chunks Chunk Names
00340d44a949fea32e5c523f38d68436.node 7.79 MiB [emitted]
main.js 3.09 MiB 0 [emitted] main
Entrypoint main = main.js
[22] external "path" 42 bytes {0} [built]
[30] external "os" 42 bytes {0} [built]
[43] (webpack)/buildin/module.js 497 bytes {0} [built]
[81] external "url" 42 bytes {0} [built]
[82] ./node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js + 2 modules 313 KiB {0} [built]
| 3 modules
[180] external "events" 42 bytes {0} [built]
[211] external "fs" 42 bytes {0} [built]
[221] external "crypto" 42 bytes {0} [built]
[291] external "http" 42 bytes {0} [built]
[292] external "https" 42 bytes {0} [built]
[293] external "querystring" 42 bytes {0} [built]
[294] external "zlib" 42 bytes {0} [built]
[314] ./main.js + 10 modules 3.95 KiB {0} [built]
| ./main.js 104 bytes [built]
| ./App.vue 291 bytes [built]
| ./App.vue?vue&type=template&id=c0b6c0d8&bindings={"inc":"setup","count":"setup","counterStyle":"setup"} 238 bytes [built]
| ./App.vue?vue&type=script&lang=js 210 bytes [built]
| ./node_modules/vue-loader/dist/templateLoader.js??ref--5!./node_modules/vue-loader/dist??ref--0!./App.vue?vue&type=template&id=c0b6c0d8&bindings={"inc":"setup","count":"setup","counterStyle":"setup"} 793 bytes [built]
| ./node_modules/vue-loader/dist??ref--0!./App.vue?vue&type=script&lang=js 417 bytes [built]
| ./Hero.vue 253 bytes [built]
| ./Hero.vue?vue&type=template&id=634e7e68&bindings={"viewStyle":"setup"} 198 bytes [built]
| ./Hero.vue?vue&type=script&lang=js 212 bytes [built]
| ./node_modules/vue-loader/dist/templateLoader.js??ref--5!./node_modules/vue-loader/dist??ref--0!./Hero.vue?vue&type=template&id=634e7e68&bindings={"viewStyle":"setup"} 753 bytes [built]
| ./node_modules/vue-loader/dist??ref--0!./Hero.vue?vue&type=script&lang=js 567 bytes [built]
+ 302 hidden modules
gnb@gnb-MacBookPro:~/Desktop/vue-nodegui-starter-master$ npm run build

[email protected] build /home/gnb/Desktop/vue-nodegui-starter-master
webpack -p

Hash: cfa8d6ef691b03afcc7a
Version: webpack 4.44.2
Time: 11279ms
Built at: 2021-04-28 12:10:40 p.m.
Asset Size Chunks Chunk Names
00340d44a949fea32e5c523f38d68436.node 7.79 MiB [emitted]
main.js 3.09 MiB 0 [emitted] main
Entrypoint main = main.js
[22] external "path" 42 bytes {0} [built]
[30] external "os" 42 bytes {0} [built]
[43] (webpack)/buildin/module.js 497 bytes {0} [built]
[81] external "url" 42 bytes {0} [built]
[82] ./node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js + 2 modules 313 KiB {0} [built]
| 3 modules
[180] external "events" 42 bytes {0} [built]
[211] external "fs" 42 bytes {0} [built]
[221] external "crypto" 42 bytes {0} [built]
[291] external "http" 42 bytes {0} [built]
[292] external "https" 42 bytes {0} [built]
[293] external "querystring" 42 bytes {0} [built]
[294] external "zlib" 42 bytes {0} [built]
[314] ./main.js + 10 modules 3.95 KiB {0} [built]
| ./main.js 104 bytes [built]
| ./App.vue 291 bytes [built]
| ./App.vue?vue&type=template&id=c0b6c0d8&bindings={"inc":"setup","count":"setup","counterStyle":"setup"} 238 bytes [built]
| ./App.vue?vue&type=script&lang=js 210 bytes [built]
| ./node_modules/vue-loader/dist/templateLoader.js??ref--5!./node_modules/vue-loader/dist??ref--0!./App.vue?vue&type=template&id=c0b6c0d8&bindings={"inc":"setup","count":"setup","counterStyle":"setup"} 793 bytes [built]
| ./node_modules/vue-loader/dist??ref--0!./App.vue?vue&type=script&lang=js 417 bytes [built]
| ./Hero.vue 253 bytes [built]
| ./Hero.vue?vue&type=template&id=634e7e68&bindings={"viewStyle":"setup"} 198 bytes [built]
| ./Hero.vue?vue&type=script&lang=js 212 bytes [built]
| ./node_modules/vue-loader/dist/templateLoader.js??ref--5!./node_modules/vue-loader/dist??ref--0!./Hero.vue?vue&type=template&id=634e7e68&bindings={"viewStyle":"setup"} 753 bytes [built]
| ./node_modules/vue-loader/dist??ref--0!./Hero.vue?vue&type=script&lang=js 567 bytes [built]
+ 302 hidden modules
gnb@gnb-MacBookPro:~/Desktop/vue-nodegui-starter-master$

npm run init ""init": "nodegui-packer --init MyAppName","

"pack": "nodegui-packer --pack ./dist" internal/modules/cjs/loader.js:1023 throw err; ^

Error: Cannot find module './dist'
Require stack:

  • /tmp/.mount_ApplicdglQPA/index.js
  • internal/preload
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:1020:15)
    at Function.Module._load (internal/modules/cjs/loader.js:890:27)
    at Module.require (internal/modules/cjs/loader.js:1080:19)
    at require (internal/modules/cjs/helpers.js:72:18)
    at Object. (/tmp/.mount_ApplicdglQPA/index.js:6:1)
    at Module._compile (internal/modules/cjs/loader.js:1176:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1196:10)
    at Module.load (internal/modules/cjs/loader.js:1040:32)
    at Function.Module._load (internal/modules/cjs/loader.js:929:14)
    at Module.require (internal/modules/cjs/loader.js:1080:19) {
    code: 'MODULE_NOT_FOUND',
    requireStack: [ '/tmp/.mount_ApplicdglQPA/index.js', 'internal/preload' ]
    }
    gnb@gnb-MacBookPro:~/Desktop/vue-nodegui-starter-master$

a

and finally launching the app image

internal/modules/cjs/loader.js:1023
throw err;
^

Error: Cannot find module './dist'
Require stack:

  • /tmp/.mount_ApplicdglQPA/index.js
  • internal/preload
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:1020:15)
    at Function.Module._load (internal/modules/cjs/loader.js:890:27)
    at Module.require (internal/modules/cjs/loader.js:1080:19)
    at require (internal/modules/cjs/helpers.js:72:18)
    at Object. (/tmp/.mount_ApplicdglQPA/index.js:6:1)
    at Module._compile (internal/modules/cjs/loader.js:1176:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1196:10)
    at Module.load (internal/modules/cjs/loader.js:1040:32)
    at Function.Module._load (internal/modules/cjs/loader.js:929:14)
    at Module.require (internal/modules/cjs/loader.js:1080:19) {
    code: 'MODULE_NOT_FOUND',
    requireStack: [ '/tmp/.mount_ApplicdglQPA/index.js', 'internal/preload' ]
    }
    gnb@gnb-MacBookPro:~/Desktop/vue-nodegui-starter-master$

Error: Cannot open vue-nodegui-starter/node_modules/@nodegui/nodegui/build/Release/nodegui_core.node

Iโ€™m trying Nodegui for the first time. Hereโ€™s my machine configuration:

env: macOS Big Sur 11.3 Beta
node version: v14.15.1
npm version: 7.6.0

Reproduction Step

Step1: clone the repo: git clone https://github.com/nodegui/vue-nodegui-starter

Step2: install dependencies, cd vue-nodegui-starter && npm install

Step3: run npm run dev, i got below errors:

Error: Cannot open /Users/rmlzy/Documents/awesome/vue-nodegui-starter/node_modules/@nodegui/nodegui/build/Release/nodegui_core.node: Error: dlopen(/Users/rmlzy/Documents/awesome/vue-nodegui-starter/node_modules/@nodegui/nodegui/build/Release/nodegui_core.node, 1): no suitable image found.  Did find:
	/Users/rmlzy/Documents/awesome/vue-nodegui-starter/node_modules/@nodegui/nodegui/build/Release/nodegui_core.node: mach-o, but wrong architecture
	/Users/rmlzy/Documents/awesome/vue-nodegui-starter/node_modules/@nodegui/nodegui/build/Release/nodegui_core.node: mach-o, but wrong architecture
    at Object.<anonymous> (/Users/rmlzy/Documents/awesome/vue-nodegui-starter/dist/main.js:1:214340)
    at Object.<anonymous> (/Users/rmlzy/Documents/awesome/vue-nodegui-starter/dist/main.js:1:214485)
    at n (/Users/rmlzy/Documents/awesome/vue-nodegui-starter/dist/main.js:1:110)
    at Object.<anonymous> (/Users/rmlzy/Documents/awesome/vue-nodegui-starter/dist/main.js:1:1007)
    at n (/Users/rmlzy/Documents/awesome/vue-nodegui-starter/dist/main.js:1:110)
    at Object.<anonymous> (/Users/rmlzy/Documents/awesome/vue-nodegui-starter/dist/main.js:1:1275)
    at n (/Users/rmlzy/Documents/awesome/vue-nodegui-starter/dist/main.js:1:110)
    at Object.<anonymous> (/Users/rmlzy/Documents/awesome/vue-nodegui-starter/dist/main.js:1:213894)
    at n (/Users/rmlzy/Documents/awesome/vue-nodegui-starter/dist/main.js:1:110)
    at Object.<anonymous> (/Users/rmlzy/Documents/awesome/vue-nodegui-starter/dist/main.js:1:7160)

Can someone help me, please.

I suppose that this repo is no longer works

I try to run npm install many time, but it seems there're so many error. Sometime is error with download qt, sometime error timeout.
I check the git commits, the latest is from up to 3 year ago. So I think this repo is no longer works.

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.