Unexpected String with graphql package #16060

idc77 · 2023-07-11T18:49:55Z

What happened?

Uncaught SyntaxError: Unexpected string (at VM222 chunk-5MV57P5J.js:1237:51)

// node_modules/graphql/jsutils/instanceOf.mjs
var instanceOf = globalThis.process && globalThis."development" === "production" ? function instanceOf2(value, constructor) {
  return value instanceof constructor;
} : function instanceOf3(value, constructor) {
  if (value instanceof constructor) {
    return true;
  }
  if (typeof value === "object" && value !== null) {
    var _value$constructor;
    const className = constructor.prototype[Symbol.toStringTag];
    const valueClassName = Symbol.toStringTag in value ? value[Symbol.toStringTag] : (_value$constructor = value.constructor) === null || _value$constructor === void 0 ? void 0 : _value$constructor.name;
    if (className === valueClassName) {
      const stringifiedValue = inspect(value);
      throw new Error(`Cannot use ${className} "${stringifiedValue}" from another module or realm.

What did you expect to happen?

No error

Reproduction URL

N/A

How to reproduce?

not sure
have graphql package >16.6.0 installed I guess, from what I gather in the Nuxt issue
when I downgraded to 16.6.0 the error went away.
I don't know how to force quasar to use Vite v4.

How do I upgrade to Vite v4?

Flavour

Quasar CLI with Vite (@quasar/cli | @quasar/app-vite)

Areas

Quasar CLI Commands/Configuration (@quasar/cli | @quasar/app-webpack | @quasar/app-vite)

Platforms/Browsers

No response

Quasar info output

Operating System - Linux(6.4.2-arch1-1) - linux/x64
NodeJs - 18.16.0

Global packages
  NPM - 9.7.2
  yarn - 1.22.19
  @quasar/cli - 2.2.1
  @quasar/icongenie - 3.1.0
  cordova - You have been opted out of telemetry. To change this, run: cordova telemetry on.
12.0.0 ([email protected])

Important local packages
  quasar - 2.12.2 -- Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time
  @quasar/app-vite - 1.4.3 -- Quasar Framework App CLI with Vite
  @quasar/extras - 1.16.5 -- Quasar Framework fonts, icons and animations
  eslint-plugin-quasar - Not installed
  vue - 3.3.4 -- The progressive JavaScript framework for building modern web UI.
  vue-router - 4.2.4
  pinia - 2.1.4 -- Intuitive, type safe and flexible Store for Vue
  vuex - Not installed
  vite - 2.9.16 -- Native-ESM powered web dev build tool
  eslint - 8.44.0 -- An AST-based pattern checker for JavaScript.
  electron - Not installed
  electron-packager - Not installed
  electron-builder - Not installed
  register-service-worker - 1.7.2 -- Script for registering service worker, with hooks
  @capacitor/core - Not installed
  @capacitor/cli - Not installed
  @capacitor/android - Not installed
  @capacitor/ios - Not installed

Quasar App Extensions
  *None installed*

Networking
  redacted

Relevant log output

Uncaught SyntaxError: Unexpected string (at VM222 chunk-5MV57P5J.js:1237:51)

Additional context

using quasar with apollo graphql client

{
  "name": "exyuql",
  "version": "0.0.1",
  "description": "ExYu",
  "productName": "ExYu",
  "author": "redacted",
  "private": true,
  "scripts": {
    "dev": "quasar dev",
    "lint": "eslint --ext .js,.vue ./",
    "format": "prettier --write \"**/*.{js,vue,scss,html,md,json}\" --ignore-path .gitignore",
    "test": "echo \"No test specified\" && exit 0"
  },
  "dependencies": {
    "@apollo/client": "^3.7.17",
    "@dsb-norge/vue-keycloak-js": "^2.4.0",
    "@quasar/extras": "^1.16.5",
    "@vue/apollo-composable": "^4.0.0-beta.8",
    "date-fns": "^2.30.0",
    "graphql": "^16.7.1",
    "graphql-tag": "^2.12.6",
    "pinia": "^2.1.4",
    "quasar": "^2.12.2",
    "vue": "^3.3.4",
    "vue-i18n": "^9.2.2",
    "vue-router": "^4.2.4"
  },
  "devDependencies": {
    "@intlify/vite-plugin-vue-i18n": "^7.0.0",
    "@quasar/app-vite": "^1.4.3",
    "autoprefixer": "^10.4.14",
    "dotenv": "^16.3.1",
    "eslint": "^8.44.0",
    "eslint-config-prettier": "^8.8.0",
    "eslint-plugin-vue": "^9.15.1",
    "postcss": "^8.4.25",
    "prettier": "^3.0.0"
  },
  "engines": {
    "node": "^18 || ^16 || ^14.19",
    "npm": ">= 6.13.4",
    "yarn": ">= 1.21.1"
  }
}

The text was updated successfully, but these errors were encountered:

github-actions · 2023-07-11T18:50:12Z

Hi @idc77! 👋

It looks like you provided an invalid or unsupported reproduction URL.
Do not use any service other than Codepen, jsFiddle, StackBlitz, Codesandbox, and GitHub.
Make sure the URL you provided is correct and reachable. You can test it by visiting it in a private tab, another device, etc.
Please edit your original post above and provide a valid reproduction URL as explained.

Without a proper reproduction, your issue will have to get closed.

Thank you for your collaboration. 👏

yusufkandemir · 2023-07-12T10:35:00Z

How do I upgrade to Vite v4?

See #14077

mainstreetmark · 2023-07-13T18:51:40Z

I am having the same issue. I can't seem to get rid of it.

What was the solution?

ricar2ce · 2023-07-13T22:07:44Z

same error from here :(

WulfP · 2023-07-18T08:46:52Z

See my solution here: graphql/graphql-js#3919 (comment)

shengzhou1216 · 2023-10-09T04:32:52Z

Here is my solution:

Set define configuration in quasar.config.js > build > extendViteConf:

build: {
      extendViteConf(viteConf) {
        viteConf.define = {
          'globalThis.process.env.NODE_ENV': JSON.stringify(
            process.env.NODE_ENV
          ),
        };
      },
}

define : Define global constant replacements. Entries will be defined as globals during dev and statically replaced during build.

jedikah · 2023-10-09T07:02:55Z

extendViteConf(viteConf) {
viteConf.define = {
'globalThis.process.env.NODE_ENV': JSON.stringify(
process.env.NODE_ENV
),
};
},

Thanks, this worked well for me

FCnski · 2023-10-24T17:25:50Z

Here is my solution:

Set define configuration in quasar.config.js > build > extendViteConf:
build: {
      extendViteConf(viteConf) {
        viteConf.define = {
          'globalThis.process.env.NODE_ENV': JSON.stringify(
            process.env.NODE_ENV
          ),
        };
      },
}
define : Define global constant replacements. Entries will be defined as globals during dev and statically replaced during build.

can confirm this works, has solved my issue as well!

WulfP · 2023-10-26T08:35:22Z

Here is my solution:

Set define configuration in quasar.config.js > build > extendViteConf:
build: {
      extendViteConf(viteConf) {
        viteConf.define = {
          'globalThis.process.env.NODE_ENV': JSON.stringify(
            process.env.NODE_ENV
          ),
        };
      },
}
define : Define global constant replacements. Entries will be defined as globals during dev and statically replaced during build.

Not a solution for me!
Pervents values from .env to be accessible via process.env.xxx

yusufkandemir · 2023-10-26T08:52:49Z

@WulfP use quasar.config file > build.rawDefine:

build: {
  rawDefine: {
    'globalThis.process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV)
  }
}

cdr7508 · 2023-11-28T06:53:03Z

Here is my solution:

Set define configuration in quasar.config.js > build > extendViteConf:
build: {
      extendViteConf(viteConf) {
        viteConf.define = {
          'globalThis.process.env.NODE_ENV': JSON.stringify(
            process.env.NODE_ENV
          ),
        };
      },
}
define : Define global constant replacements. Entries will be defined as globals during dev and statically replaced during build.

thanks! it work

idc77 · 2023-11-30T19:04:13Z

thank you.

rawdefine worked (because I have stuff in .env)

Let's hope this has no long-term implications.

cdr7508 · 2023-12-01T03:30:41Z

thank you.

rawdefine worked (because I have stuff in .env)

Let's hope this has no long-term implications.

Here is my solution, it can keep old env

extendViteConf(viteConf) {
  viteConf.define['globalThis.process.env.NODE_ENV'] =
    viteConf.define['process.env.NODE_ENV'];
  return viteConf;
},

Mahfuzsds · 2024-06-09T20:38:02Z

this one solved mine

export default defineConfig({
	define: {
		'globalThis.process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV)
	},
});

idc77 added kind/bug 🐞 Qv2 🔝 Quasar v2 issues labels Jul 11, 2023

github-actions bot added area/cli bug/0-needs-info Need more info to reproduce flavour/quasar-cli-vite labels Jul 11, 2023

yusufkandemir closed this as not planned Won't fix, can't repro, duplicate, stale Jul 12, 2023

mattcosta7 mentioned this issue Nov 8, 2023

Error in the browser console when -> import { setupWorker } from 'msw' mswjs/msw#1645

Closed

4 tasks

yusufkandemir mentioned this issue Jan 12, 2024

[Quasar] boot error: SyntaxError: missing name after . operator quasarframework/app-extension-apollo#154

Closed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Unexpected String with graphql package #16060

Unexpected String with graphql package #16060

idc77 commented Jul 11, 2023

github-actions bot commented Jul 11, 2023

yusufkandemir commented Jul 12, 2023

mainstreetmark commented Jul 13, 2023 •

edited

Loading

ricar2ce commented Jul 13, 2023

WulfP commented Jul 18, 2023

shengzhou1216 commented Oct 9, 2023

jedikah commented Oct 9, 2023

FCnski commented Oct 24, 2023

WulfP commented Oct 26, 2023

yusufkandemir commented Oct 26, 2023

cdr7508 commented Nov 28, 2023

idc77 commented Nov 30, 2023 •

edited

Loading

cdr7508 commented Dec 1, 2023 •

edited

Loading

Mahfuzsds commented Jun 9, 2024

Unexpected String with graphql package #16060

Unexpected String with graphql package #16060

Comments

idc77 commented Jul 11, 2023

What happened?

What did you expect to happen?

Reproduction URL

How to reproduce?

Flavour

Areas

Platforms/Browsers

Quasar info output

Relevant log output

Additional context

github-actions bot commented Jul 11, 2023

yusufkandemir commented Jul 12, 2023

mainstreetmark commented Jul 13, 2023 • edited Loading

ricar2ce commented Jul 13, 2023

WulfP commented Jul 18, 2023

shengzhou1216 commented Oct 9, 2023

jedikah commented Oct 9, 2023

FCnski commented Oct 24, 2023

WulfP commented Oct 26, 2023

yusufkandemir commented Oct 26, 2023

cdr7508 commented Nov 28, 2023

idc77 commented Nov 30, 2023 • edited Loading

cdr7508 commented Dec 1, 2023 • edited Loading

Mahfuzsds commented Jun 9, 2024

mainstreetmark commented Jul 13, 2023 •

edited

Loading

idc77 commented Nov 30, 2023 •

edited

Loading

cdr7508 commented Dec 1, 2023 •

edited

Loading