vuejs / vue-cli

🛠️ webpack-based tooling for Vue.js Development
https://cli.vuejs.org/
MIT License
29.76k stars 6.33k forks source link

Unable to use vue-cli ui #5520

Open JeromeDeLeon opened 4 years ago

JeromeDeLeon commented 4 years ago

Version

4.3.1

Environment info

  System:
    OS: Linux 5.3 Ubuntu 18.04.4 LTS (Bionic Beaver)
    CPU: (4) x64 Intel(R) Core(TM) i7-7500U CPU @ 2.70GHz
  Binaries:
    Node: 12.16.3 - /usr/bin/node
    Yarn: 1.22.4 - /usr/bin/yarn
    npm: 6.14.4 - /usr/bin/npm
  Browsers:
    Chrome: 81.0.4044.138
    Firefox: 76.0.1
  npmGlobalPackages:
    @vue/cli: Not Found

Steps to reproduce

What is expected?

Show the main page of the vue ui

What is actually happening?

Got stuck at loading


Error in console: Schema must be an instance of GraphQLSchema. Also ensure that there are not multiple versions of GraphQL installed in your node_modules directory.

randyhoulahan commented 4 years ago

I get the same

jonesmac commented 3 years ago

just got this at v4.5.8

I even tried running the vue ui command outside of any node project to ensure it isn't a conflict with local node_modules folder. Verified that I don't have graphql installed globally. So confusing.

Edit: I was able to workaround this by installing it via npm.

Here's the output from my yarn install:

❯ yarn global add @vue/cli        
yarn global v1.22.5
[1/4] 🔍  Resolving packages...
warning @vue/cli > @vue/cli-shared-utils > @hapi/joi@15.1.1: Switch to 'npm install joi'
warning @vue/cli > @vue/cli-shared-utils > request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
warning @vue/cli > @vue/cli-shared-utils > request > har-validator@5.1.5: this library is no longer supported
warning @vue/cli > @vue/cli-ui > vue-cli-plugin-apollo > nodemon > chokidar@2.1.8: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies.
[2/4] 🚚  Fetching packages...
[3/4] 🔗  Linking dependencies...
warning "@aws-amplify/cli > amplify-codegen > amplify-codegen-appsync-model-plugin > graphql-toolkit@0.5.18" has unmet peer dependency "graphql-tag-pluck@^0.8.3".
warning "gatsby-cli > gatsby-recipes > babel-eslint@10.1.0" has unmet peer dependency "eslint@>= 4.12.1".
warning "gatsby-cli > gatsby-recipes > babel-loader@8.1.0" has unmet peer dependency "webpack@>=2".
warning "gatsby-cli > gatsby-recipes > babel-plugin-remove-graphql-queries@2.9.2" has unmet peer dependency "gatsby@^2.0.0".
warning "gatsby-cli > gatsby-recipes > url-loader@1.1.2" has unmet peer dependency "webpack@^3.0.0 || ^4.0.0".
[4/4] 🔨  Building fresh packages...
success Installed "@vue/cli@4.5.8" with binaries:
      - vue
✨  Done in 29.98s.

Any now with npm:

~/workspace 7s
❯ npm install @vue/cli -g                          
npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
npm WARN deprecated @hapi/joi@15.1.1: Switch to 'npm install joi'
npm WARN deprecated @hapi/address@2.1.4: Moved to 'npm install @sideway/address'
npm WARN deprecated @hapi/bourne@1.3.2: This version has been deprecated and is no longer supported or maintained
npm WARN deprecated @hapi/topo@3.1.6: This version has been deprecated and is no longer supported or maintained
npm WARN deprecated @hapi/hoek@8.5.1: This version has been deprecated and is no longer supported or maintained
npm WARN deprecated har-validator@5.1.5: this library is no longer supported
npm WARN deprecated fsevents@1.2.13: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2.

> yarn@1.22.10 preinstall /Users/mjones/.nvm/versions/node/v12.13.1/lib/node_modules/@vue/cli/node_modules/yarn
> :; (node ./preinstall.js > /dev/null 2>&1 || true)

/Users/mjones/.nvm/versions/node/v12.13.1/bin/vue -> /Users/mjones/.nvm/versions/node/v12.13.1/lib/node_modules/@vue/cli/bin/vue.js

> fsevents@1.2.13 install /Users/mjones/.nvm/versions/node/v12.13.1/lib/node_modules/@vue/cli/node_modules/fsevents
> node install.js

No receipt for 'com.apple.pkg.CLTools_Executables' found at '/'.

No receipt for 'com.apple.pkg.DeveloperToolsCLILeo' found at '/'.

No receipt for 'com.apple.pkg.DeveloperToolsCLI' found at '/'.

// Disregard because I refuse to install xcode gui
gyp: No Xcode or CLT version detected!
gyp ERR! configure error 
gyp ERR! stack Error: `gyp` failed with exit code: 1
gyp ERR! stack     at ChildProcess.onCpExit (/Users/mjones/.nvm/versions/node/v12.13.1/lib/node_modules/npm/node_modules/node-gyp/lib/configure.js:351:16)
gyp ERR! stack     at ChildProcess.emit (events.js:210:5)
gyp ERR! stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:272:12)
gyp ERR! System Darwin 19.6.0
gyp ERR! command "/Users/mjones/.nvm/versions/node/v12.13.1/bin/node" "/Users/mjones/.nvm/versions/node/v12.13.1/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js" "rebuild"
gyp ERR! cwd /Users/mjones/.nvm/versions/node/v12.13.1/lib/node_modules/@vue/cli/node_modules/fsevents
gyp ERR! node -v v12.13.1
gyp ERR! node-gyp -v v5.0.5
gyp ERR! not ok 

> core-js@3.6.5 postinstall /Users/mjones/.nvm/versions/node/v12.13.1/lib/node_modules/@vue/cli/node_modules/core-js
> node -e "try{require('./postinstall')}catch(e){}"

Thank you for using core-js ( https://github.com/zloirock/core-js ) for polyfilling JavaScript standard library!

The project needs your help! Please consider supporting of core-js on Open Collective or Patreon: 
> https://opencollective.com/core-js 
> https://www.patreon.com/zloirock 

Also, the author of core-js ( https://github.com/zloirock ) is looking for a good job -)

> @apollo/protobufjs@1.0.5 postinstall /Users/mjones/.nvm/versions/node/v12.13.1/lib/node_modules/@vue/cli/node_modules/@apollo/protobufjs
> node scripts/postinstall

> nodemon@1.19.4 postinstall /Users/mjones/.nvm/versions/node/v12.13.1/lib/node_modules/@vue/cli/node_modules/nodemon
> node bin/postinstall || exit 0

> ejs@2.7.4 postinstall /Users/mjones/.nvm/versions/node/v12.13.1/lib/node_modules/@vue/cli/node_modules/ejs
> node ./postinstall.js

Thank you for installing EJS: built with the Jake JavaScript build tool (https://jakejs.com/)

npm WARN @vue/compiler-sfc@3.0.2 requires a peer of vue@3.0.2 but none is installed. You must install peer dependencies yourself.

+ @vue/cli@4.5.8
added 1329 packages from 705 contributors in 51.249s

At first glance, it doesn't seen like the yarn output shows the post install hooks?