Skip to content

[Bug]: Dependencies mismatch (for example graphql or vue vs vue-template-compiler) #6

@Fakrae

Description

@Fakrae

Describe the Bug

Hello,
This is actually multiple things. The first is "simply cloning and building" won't work because graphql from rollup-plugin and from @realtainment/sylius-api don't match. If I go on to fix this and some subsequent errors by bumping versions (replace "rollup-plugin-graphql" with "@rollup/plugin-graphql" for example) I will ultimately get stopped by the second problem (which I'm unable to resolve):

vue@2.6.14
vue-template-compiler@2.7.6

are imported and do not like working together.

To me it looks like the problem for vue@2.6 lies in the import of nuxtjs/composition-api and vue/composition-api, because those are not available for 2.7+ because the functionality is included in main.

Current behavior

The first thing after yarn/npm install is an error about mismatching versions

Expected behavior

Cloning and building should build without errors

Steps to reproduce

Clone repository, npm install

What version of Vue Storefront are you using?

2.7.1

What version of Node.js are you using?

16.16

What browser (and version) are you using?

irrelevant

What operating system (and version) are you using?

Debian

Relevant log output

# npm resolution error report

2022-07-18T05:30:26.199Z

While resolving: @realtainment/sylius-api@1.1.2
Found: graphql@15.7.2
node_modules/graphql
  graphql@"^15.5.0" from @realtainment/sylius-api@1.1.2
  packages/sylius/api-client
    @realtainment/sylius-api@1.1.2
    node_modules/@realtainment/sylius-api
      workspace packages/sylius/api-client from the root project
      @realtainment/sylius-api@"^1.1.2" from @realtainment/sylius@1.1.2
      packages/sylius/composables
        @realtainment/sylius@1.1.2
        node_modules/@realtainment/sylius
          workspace packages/sylius/composables from the root project
          @realtainment/sylius@"^1.1.2" from @realtainment/sylius-theme@1.0.2
          packages/sylius/theme
            @realtainment/sylius-theme@1.0.2
            node_modules/@realtainment/sylius-theme
              workspace packages/sylius/theme from the root project

Could not resolve dependency:
peer graphql@"^0.9.0 || ^0.10.0" from rollup-plugin-graphql@0.1.0
node_modules/rollup-plugin-graphql
  rollup-plugin-graphql@"^0.1.0" from @realtainment/sylius-api@1.1.2
  packages/sylius/api-client
    @realtainment/sylius-api@1.1.2
    node_modules/@realtainment/sylius-api
      workspace packages/sylius/api-client from the root project
      @realtainment/sylius-api@"^1.1.2" from @realtainment/sylius@1.1.2
      packages/sylius/composables
        @realtainment/sylius@1.1.2
        node_modules/@realtainment/sylius
          workspace packages/sylius/composables from the root project
          @realtainment/sylius@"^1.1.2" from @realtainment/sylius-theme@1.0.2
          packages/sylius/theme
            @realtainment/sylius-theme@1.0.2
            node_modules/@realtainment/sylius-theme
              workspace packages/sylius/theme from the root project

Fix the upstream dependency conflict, or retry
this command with --force, or --legacy-peer-deps
to accept an incorrect (and potentially broken) dependency resolution.

Raw JSON explanation object:

{
  "code": "ERESOLVE",
  "current": {
    "name": "graphql",
    "version": "15.7.2",
    "whileInstalling": {
      "name": "@realtainment/sylius-api",
      "version": "1.1.2",
      "path": "/home/fkraemer/WebstormProjects/sylius/packages/sylius/api-client"
    },
    "location": "node_modules/graphql",
    "isWorkspace": false,
    "dependents": [
      {
        "type": "prod",
        "name": "graphql",
        "spec": "^15.5.0",
        "from": {
          "name": "@realtainment/sylius-api",
          "version": "1.1.2",
          "location": "packages/sylius/api-client",
          "isWorkspace": true,
          "dependents": [],
          "linksIn": [
            {
              "name": "@realtainment/sylius-api",
              "version": "1.1.2",
              "location": "node_modules/@realtainment/sylius-api",
              "isWorkspace": true,
              "dependents": [
                {
                  "type": "workspace",
                  "name": "@realtainment/sylius-api",
                  "spec": "file:/home/fkraemer/WebstormProjects/sylius/packages/sylius/api-client",
                  "from": {
                    "location": "/home/fkraemer/WebstormProjects/sylius"
                  }
                },
                {
                  "type": "prod",
                  "name": "@realtainment/sylius-api",
                  "spec": "^1.1.2",
                  "from": {
                    "name": "@realtainment/sylius",
                    "version": "1.1.2",
                    "location": "packages/sylius/composables",
                    "isWorkspace": true,
                    "dependents": [],
                    "linksIn": [
                      {
                        "name": "@realtainment/sylius",
                        "version": "1.1.2",
                        "location": "node_modules/@realtainment/sylius",
                        "isWorkspace": true,
                        "dependents": [
                          {
                            "type": "workspace",
                            "name": "@realtainment/sylius",
                            "spec": "file:/home/fkraemer/WebstormProjects/sylius/packages/sylius/composables",
                            "from": {
                              "location": "/home/fkraemer/WebstormProjects/sylius"
                            }
                          },
                          {
                            "type": "prod",
                            "name": "@realtainment/sylius",
                            "spec": "^1.1.2",
                            "from": {
                              "name": "@realtainment/sylius-theme",
                              "version": "1.0.2",
                              "location": "packages/sylius/theme",
                              "isWorkspace": true,
                              "dependents": [],
                              "linksIn": [
                                {
                                  "name": "@realtainment/sylius-theme",
                                  "version": "1.0.2",
                                  "location": "node_modules/@realtainment/sylius-theme",
                                  "isWorkspace": true,
                                  "dependents": [
                                    {
                                      "type": "workspace",
                                      "name": "@realtainment/sylius-theme",
                                      "spec": "file:/home/fkraemer/WebstormProjects/sylius/packages/sylius/theme",
                                      "from": {
                                        "location": "/home/fkraemer/WebstormProjects/sylius"
                                      }
                                    }
                                  ]
                                }
                              ]
                            }
                          }
                        ]
                      }
                    ]
                  }
                }
              ]
            }
          ]
        }
      }
    ]
  },
  "currentEdge": {
    "type": "prod",
    "name": "graphql",
    "spec": "^15.5.0",
    "from": {
      "name": "@realtainment/sylius-api",
      "version": "1.1.2",
      "location": "packages/sylius/api-client",
      "isWorkspace": true,
      "dependents": [],
      "linksIn": [
        {
          "name": "@realtainment/sylius-api",
          "version": "1.1.2",
          "location": "node_modules/@realtainment/sylius-api",
          "isWorkspace": true,
          "dependents": [
            {
              "type": "workspace",
              "name": "@realtainment/sylius-api",
              "spec": "file:/home/fkraemer/WebstormProjects/sylius/packages/sylius/api-client",
              "from": {
                "location": "/home/fkraemer/WebstormProjects/sylius"
              }
            },
            {
              "type": "prod",
              "name": "@realtainment/sylius-api",
              "spec": "^1.1.2",
              "from": {
                "name": "@realtainment/sylius",
                "version": "1.1.2",
                "location": "packages/sylius/composables",
                "isWorkspace": true,
                "dependents": [],
                "linksIn": [
                  {
                    "name": "@realtainment/sylius",
                    "version": "1.1.2",
                    "location": "node_modules/@realtainment/sylius",
                    "isWorkspace": true,
                    "dependents": [
                      {
                        "type": "workspace",
                        "name": "@realtainment/sylius",
                        "spec": "file:/home/fkraemer/WebstormProjects/sylius/packages/sylius/composables",
                        "from": {
                          "location": "/home/fkraemer/WebstormProjects/sylius"
                        }
                      },
                      {
                        "type": "prod",
                        "name": "@realtainment/sylius",
                        "spec": "^1.1.2",
                        "from": {
                          "name": "@realtainment/sylius-theme",
                          "version": "1.0.2",
                          "location": "packages/sylius/theme",
                          "isWorkspace": true,
                          "dependents": [],
                          "linksIn": [
                            {
                              "name": "@realtainment/sylius-theme",
                              "version": "1.0.2",
                              "location": "node_modules/@realtainment/sylius-theme",
                              "isWorkspace": true,
                              "dependents": [
                                {
                                  "type": "workspace",
                                  "name": "@realtainment/sylius-theme",
                                  "spec": "file:/home/fkraemer/WebstormProjects/sylius/packages/sylius/theme",
                                  "from": {
                                    "location": "/home/fkraemer/WebstormProjects/sylius"
                                  }
                                }
                              ]
                            }
                          ]
                        }
                      }
                    ]
                  }
                ]
              }
            }
          ]
        }
      ]
    }
  },
  "edge": {
    "type": "peer",
    "name": "graphql",
    "spec": "^0.9.0 || ^0.10.0",
    "error": "INVALID",
    "from": {
      "name": "rollup-plugin-graphql",
      "version": "0.1.0",
      "whileInstalling": {
        "name": "@realtainment/sylius-api",
        "version": "1.1.2",
        "path": "/home/fkraemer/WebstormProjects/sylius/packages/sylius/api-client"
      },
      "location": "node_modules/rollup-plugin-graphql",
      "isWorkspace": false,
      "dependents": [
        {
          "type": "prod",
          "name": "rollup-plugin-graphql",
          "spec": "^0.1.0",
          "from": {
            "name": "@realtainment/sylius-api",
            "version": "1.1.2",
            "location": "packages/sylius/api-client",
            "isWorkspace": true,
            "dependents": [],
            "linksIn": [
              {
                "name": "@realtainment/sylius-api",
                "version": "1.1.2",
                "location": "node_modules/@realtainment/sylius-api",
                "isWorkspace": true,
                "dependents": [
                  {
                    "type": "workspace",
                    "name": "@realtainment/sylius-api",
                    "spec": "file:/home/fkraemer/WebstormProjects/sylius/packages/sylius/api-client",
                    "from": {
                      "location": "/home/fkraemer/WebstormProjects/sylius"
                    }
                  },
                  {
                    "type": "prod",
                    "name": "@realtainment/sylius-api",
                    "spec": "^1.1.2",
                    "from": {
                      "name": "@realtainment/sylius",
                      "version": "1.1.2",
                      "location": "packages/sylius/composables",
                      "isWorkspace": true,
                      "dependents": [],
                      "linksIn": [
                        {
                          "name": "@realtainment/sylius",
                          "version": "1.1.2",
                          "location": "node_modules/@realtainment/sylius",
                          "isWorkspace": true,
                          "dependents": [
                            {
                              "type": "workspace",
                              "name": "@realtainment/sylius",
                              "spec": "file:/home/fkraemer/WebstormProjects/sylius/packages/sylius/composables",
                              "from": {
                                "location": "/home/fkraemer/WebstormProjects/sylius"
                              }
                            },
                            {
                              "type": "prod",
                              "name": "@realtainment/sylius",
                              "spec": "^1.1.2",
                              "from": {
                                "name": "@realtainment/sylius-theme",
                                "version": "1.0.2",
                                "location": "packages/sylius/theme",
                                "isWorkspace": true,
                                "dependents": [],
                                "linksIn": [
                                  {
                                    "name": "@realtainment/sylius-theme",
                                    "version": "1.0.2",
                                    "location": "node_modules/@realtainment/sylius-theme",
                                    "isWorkspace": true,
                                    "dependents": [
                                      {
                                        "type": "workspace",
                                        "name": "@realtainment/sylius-theme",
                                        "spec": "file:/home/fkraemer/WebstormProjects/sylius/packages/sylius/theme",
                                        "from": {
                                          "location": "/home/fkraemer/WebstormProjects/sylius"
                                        }
                                      }
                                    ]
                                  }
                                ]
                              }
                            }
                          ]
                        }
                      ]
                    }
                  }
                ]
              }
            ]
          }
        }
      ]
    }
  },
  "strictPeerDeps": false,
  "force": false
}

Able to fix / change the documentation?

  • Yes
  • No

Code of Conduct

  • I agree to follow this project's Code of Conduct

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions