vue ui project management - vue-appollo error

[silvio-e]

Version

3.7.0

Environment info

  System:
    OS: macOS 10.14.4
    CPU: (12) x64 Intel(R) Core(TM) i9-8950HK CPU @ 2.90GHz
  Binaries:
    Node: 11.13.0 - /usr/local/bin/node
    Yarn: 1.15.2 - /usr/local/bin/yarn
    npm: 6.9.0 - /usr/local/bin/npm
  Browsers:
    Chrome: 74.0.3729.131
    Firefox: 66.0.2
    Safari: 12.1
  npmGlobalPackages:
    @vue/cli: 3.7.0

Steps to reproduce

Install vue cli, start and go to project management page.

What is expected?

Loading all my vue projects in the project management page.

What is actually happening?

Vue UI opens on the dashboard of the recent used project. When switching to the project management page, that page stays empty or shows only the spinner infinitely.

The console outputs followoing errors:

An error occured vue-apollo.js:58:12
GraphQL error: Cannot return null for non-nullable field Project.name.
GraphQL error: Cannot return null for non-nullable field Project.name. vue-apollo.js:59:12
Array [ {…}, {…} ]
vue-apollo.js:61:14
An error occured vue-apollo.js:58:12
GraphQL error: Cannot return null for non-nullable field Project.name.
GraphQL error: Cannot return null for non-nullable field Project.name. vue-apollo.js:59:12
Array [ {…}, {…} ]
vue-apollo.js:61:14
An error occured vue-apollo.js:58:12
GraphQL error: Cannot return null for non-nullable field Project.name.

// more lines like above but had to shorten because of
// "414 Request-URI Too Large" error when creating this issue

TypeError: "e is null"
    filter ProjectSelectList.vue:5
    render ListFilter.vue:6
    VueJS 5
    fn ProjectSelectList.vue:5
    jt VueJS
    fn ProjectSelectList.vue:5
    r VueJS
    render vue-apollo.esm.js:1580
    VueJS 7
    a es6.promise.js:75
    V es6.promise.js:92
    u _microtask.js:18
vue.runtime.esm.js:1888
    VueJS 10
    a es6.promise.js:75
    V es6.promise.js:92
    u _microtask.js:18

---

I have uninstalled and installed the vue cli again but still the same error.

[Akryum]

What is the content of ~/.vue-cli-ui/db.json?

[silvio-e]

Sorry - where do I find that one? :)

[Akryum]

In your home folder, the one that has your name (or user account name).

[silvio-e]

Thanks, found it. It contains all my projects:

"projects": [
    // all my projects
  ],
  "foldersFavorite": [],
  "tasks": [],
  "config": {
    "lastOpenProject": "vdcJolwYcq"
  }

[Akryum]

Check that all your projects have a name and try deleting lastOpenProject.

[silvio-e]

Great! Thanks a lot!

I found two projects without name and identified them as two recently failed installations. Deleting them solved the issue.

Looked like that:

    {
      "id": "NSy90WhgG",
      "path": "/Users/correct/path/was/here",
      "favorite": 0,
      "type": "unknown",
      "openDate": 1556603266117
    },
    {
      "id": "II7Ejtbx1",
      "path": "/Users/correct/path/was/here",
      "favorite": 0,
      "type": "unknown",
      "openDate": 1556603273291
    }