[GH-ISSUE #7] Error with queryBuilder : mutation is not a function #5

New issue

Closed

opened 2026-03-03 00:02:40 +03:00 by kerem · 2 comments

kerem commented

2026-03-03 00:02:40 +03:00

Owner

Originally created by @nblaudez on GitHub (Mar 14, 2019).
Original GitHub issue: https://github.com/atulmy/gql-query-builder/issues/7

Hi,

I have this following code :


import {Component, OnInit} from '@angular/core';
import {MaerdoBaseAdminComponent} from "../maerdo-core/_helpers/MaerdoBaseAdminComponent.class";
import {Apollo} from 'apollo-angular';
import * as builder from 'gql-query-builder'

@Component({
  selector: 'maerdo-admin-modules-create',
  templateUrl: './maerdo-admin-modules-create.component.html',
  styleUrls: ['./maerdo-admin-modules-create.component.scss']
})
export class MaerdoAdminModulesCreateComponent extends MaerdoBaseAdminComponent implements OnInit {

  protected moduleEntity = {
    "name": "rezrez",
    "slug": "rezrze",
    "desc_fr": "rezrez",
    "desc_en": "rzerez",
    "desc_es": "rezrez"
  };

  constructor(protected apollo: Apollo) {
    super();
  }

  ngOnInit() {
  }

  nameToSlug() {
    this.moduleEntity.slug = this.toSlug(this.moduleEntity.name);
  }

  screenshotUploader(event) {

  }

  createModule() {

    const createModuleQuery = builder.mutation({
      operation: 'createModule',
      variables: this.moduleEntity,
      fields: ['id','name','slug']
    });
    console.log(createModuleQuery);
    this.update(createModuleQuery, "moduleEntity", this);
  }

}

And when i try to call builder.mutation i have this error msg :


MaerdoAdminModulesCreateComponent.html:37 ERROR TypeError: builder.mutation is not a function
    at MaerdoAdminModulesCreateComponent.push../src/app/maerdo-admin-modules-create/maerdo-admin-modules-create.component.ts.MaerdoAdminModulesCreateComponent.createModule (maerdo-admin-modules-create.component.ts:38)
    at Object.eval [as handleEvent] (MaerdoAdminModulesCreateComponent.html:37)
    at handleEvent (core.js:23106)
    at callWithDebugContext (core.js:24176)
    at Object.debugHandleEvent [as handleEvent] (core.js:23903)
    at dispatchEvent (core.js:20555)
    at core.js:21002
    at HTMLButtonElement.<anonymous> (platform-browser.js:993)
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:423)
    at Object.onInvokeTask (core.js:17289)
View_MaerdoAdminModulesCreateComponent_0 @ MaerdoAdminModulesCreateComponent.html:37
proxyClass @ compiler.js:18239
push../node_modules/@angular/core/fesm5/core.js.DebugContext_.logError @ core.js:24138
push../node_modules/@angular/core/fesm5/core.js.ErrorHandler.handleError @ core.js:15771
dispatchEvent @ core.js:20559
(anonymous) @ core.js:21002
(anonymous) @ platform-browser.js:993
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask @ zone.js:423
onInvokeTask @ core.js:17289
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask @ zone.js:422
push../node_modules/zone.js/dist/zone.js.Zone.runTask @ zone.js:195
push../node_modules/zone.js/dist/zone.js.ZoneTask.invokeTask @ zone.js:498
invokeTask @ zone.js:1744
globalZoneAwareCallback @ zone.js:1770
MaerdoAdminModulesCreateComponent.html:37 ERROR CONTEXT DebugContext_ {view: {…}, nodeIndex: 71, nodeDef: {…}, elDef: {…}, elView: {…}}

Originally created by @nblaudez on GitHub (Mar 14, 2019). Original GitHub issue: https://github.com/atulmy/gql-query-builder/issues/7 Hi, I have this following code : ``` import {Component, OnInit} from '@angular/core'; import {MaerdoBaseAdminComponent} from "../maerdo-core/_helpers/MaerdoBaseAdminComponent.class"; import {Apollo} from 'apollo-angular'; import * as builder from 'gql-query-builder' @Component({ selector: 'maerdo-admin-modules-create', templateUrl: './maerdo-admin-modules-create.component.html', styleUrls: ['./maerdo-admin-modules-create.component.scss'] }) export class MaerdoAdminModulesCreateComponent extends MaerdoBaseAdminComponent implements OnInit { protected moduleEntity = { "name": "rezrez", "slug": "rezrze", "desc_fr": "rezrez", "desc_en": "rzerez", "desc_es": "rezrez" }; constructor(protected apollo: Apollo) { super(); } ngOnInit() { } nameToSlug() { this.moduleEntity.slug = this.toSlug(this.moduleEntity.name); } screenshotUploader(event) { } createModule() { const createModuleQuery = builder.mutation({ operation: 'createModule', variables: this.moduleEntity, fields: ['id','name','slug'] }); console.log(createModuleQuery); this.update(createModuleQuery, "moduleEntity", this); } } ``` And when i try to call builder.mutation i have this error msg : ``` MaerdoAdminModulesCreateComponent.html:37 ERROR TypeError: builder.mutation is not a function at MaerdoAdminModulesCreateComponent.push../src/app/maerdo-admin-modules-create/maerdo-admin-modules-create.component.ts.MaerdoAdminModulesCreateComponent.createModule (maerdo-admin-modules-create.component.ts:38) at Object.eval [as handleEvent] (MaerdoAdminModulesCreateComponent.html:37) at handleEvent (core.js:23106) at callWithDebugContext (core.js:24176) at Object.debugHandleEvent [as handleEvent] (core.js:23903) at dispatchEvent (core.js:20555) at core.js:21002 at HTMLButtonElement.<anonymous> (platform-browser.js:993) at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:423) at Object.onInvokeTask (core.js:17289) View_MaerdoAdminModulesCreateComponent_0 @ MaerdoAdminModulesCreateComponent.html:37 proxyClass @ compiler.js:18239 push../node_modules/@angular/core/fesm5/core.js.DebugContext_.logError @ core.js:24138 push../node_modules/@angular/core/fesm5/core.js.ErrorHandler.handleError @ core.js:15771 dispatchEvent @ core.js:20559 (anonymous) @ core.js:21002 (anonymous) @ platform-browser.js:993 push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask @ zone.js:423 onInvokeTask @ core.js:17289 push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask @ zone.js:422 push../node_modules/zone.js/dist/zone.js.Zone.runTask @ zone.js:195 push../node_modules/zone.js/dist/zone.js.ZoneTask.invokeTask @ zone.js:498 invokeTask @ zone.js:1744 globalZoneAwareCallback @ zone.js:1770 MaerdoAdminModulesCreateComponent.html:37 ERROR CONTEXT DebugContext_ {view: {…}, nodeIndex: 71, nodeDef: {…}, elDef: {…}, elView: {…}} ```

kerem closed this issue

2026-03-03 00:02:40 +03:00

kerem commented

2026-03-03 00:02:41 +03:00

Author

Owner

@atulmy commented on GitHub (Mar 14, 2019):

@nblaudez we are currently releasing a new version of this library and the work is in progress and the master branch is not yet published. You can follow instructions from https://www.npmjs.com/package/gql-query-builder

import queryBuilder from 'gql-query-builder'
 
const query = queryBuilder({
  type: 'query',
  operation: 'thoughts',
  fields: ['id', 'name', 'thought']
})

@atulmy commented on GitHub (Mar 14, 2019): @nblaudez we are currently releasing a new version of this library and the work is in progress and the master branch is not yet published. You can follow instructions from https://www.npmjs.com/package/gql-query-builder ``` import queryBuilder from 'gql-query-builder' const query = queryBuilder({ type: 'query', operation: 'thoughts', fields: ['id', 'name', 'thought'] }) ```

kerem commented

2026-03-03 00:02:41 +03:00

Author

Owner

@atulmy commented on GitHub (Mar 14, 2019):

Just published v3 with the latest API. Please update your dependencies and use latest version. If any issue feel free to report.

@atulmy commented on GitHub (Mar 14, 2019): Just published v3 with the latest API. Please update your dependencies and use latest version. If any issue feel free to report.

kerem referenced this issue

2026-03-03 00:03:06 +03:00

[PR #5] refactor: Port to TypeScript #62

kerem referenced this issue

2026-03-15 11:28:40 +03:00

[GH-ISSUE #4] Single query, multiple operations #96

kerem referenced this issue

2026-03-15 11:37:58 +03:00

[PR #5] [MERGED] refactor: Port to TypeScript #145