ERROR in node_modules/api-ai-javascript/declarations.d.ts(9,5) #99

odineshrao · 2018-09-19T10:34:47Z

I am trying to use dialogflow in my angular 6 application. but got an error:

ERROR in node_modules/api-ai-javascript/declarations.d.ts(9,5): error TS2687: All declarations of 'speechSynthesis' must have identical modifiers.
node_modules/api-ai-javascript/declarations.d.ts(9,5): error TS2717: Subsequent property declarations must have the same type. Property 'speechSynthesis' must be of type 'SpeechSynthesis', but here has type 'any'.
node_modules/api-ai-javascript/ts/Request/TTSRequest.ts(18,37): error TS2339: Property 'AudioContext' does not exist on type 'Window'.
node_modules/api-ai-javascript/ts/Request/TTSRequest.ts(18,53): error TS2304: Cannot find name 'webkitAudioContext'.
node_modules/api-ai-javascript/ts/Stream/Processors.ts(7,16): error TS2339: Property 'AudioContext' does not exist on type 'Window'.
node_modules/api-ai-javascript/ts/Stream/Processors.ts(7,38): error TS2339: Property 'AudioContext' does not exist on type 'Window'.
node_modules/api-ai-javascript/ts/Stream/Processors.ts(7,54): error TS2304: Cannot find name 'webkitAudioContext'.
node_modules/api-ai-javascript/ts/Stream/StreamClient.ts(60,20): error TS2339: Property 'AudioContext' does not exist on type 'Window'.
node_modules/api-ai-javascript/ts/Stream/StreamClient.ts(60,42): error TS2339: Property 'AudioContext' does not exist on type 'Window'.
node_modules/api-ai-javascript/ts/Stream/StreamClient.ts(60,58): error TS2304: Cannot find name 'webkitAudioContext'.
node_modules/api-ai-javascript/ts/Stream/StreamClient.ts(62,53): error TS2339: Property 'webkitGetUserMedia' does not exist on type 'Navigator'.
node_modules/api-ai-javascript/ts/Stream/StreamClient.ts(62,85): error TS2339: Property 'mozGetUserMedia' does not exist on type 'Navigator'.
node_modules/api-ai-javascript/ts/XhrRequest.ts(105,19): error TS2304: Cannot find name 'ActiveXObject'.
node_modules/api-ai-javascript/ts/XhrRequest.ts(106,19): error TS2304: Cannot find name 'ActiveXObject'.
node_modules/api-ai-javascript/ts/XhrRequest.ts(107,19): error TS2304: Cannot find name 'ActiveXObject'.
any solution?

hashanmalawana · 2018-09-28T15:29:27Z

Same error here

xmlking · 2018-10-10T20:36:00Z

with typescript 3.1.2 and angular 7.0.0, error:

ERROR in node_modules/api-ai-javascript/declarations.d.ts(39,5): error TS2687: All declarations of 'stream' must have identical modifiers.

tinesoft · 2018-10-18T08:23:15Z

Hi,

I had a similar issue with angular v7.0.0.rc.1 and current [email protected].

I've found out its due to conflicting type definitions for MediaStreamAudioDestinationNode#stream, between the custom version in (api-ai-javascript/declarations.d.ts) and the standard in lib.dom.d.ts (from dom types in your tsconfig.json)

One workaround is to avoid importing the library via its index.ts (which has /// <reference path="declarations.d.ts"/>), but instead use the es6 version directly by bypassing the resolution of the "api-ai-javascript" module.

So in your code:

import { ApiAiClient } from 'api-ai-javascript/es6/ApiAiClient'

in your tsconfig.json (only relevant parts):

{
  "compileOnSave": false,
  "compilerOptions": {
    ...
    "baseUrl": "./",
    "typeRoots": ["node_modules/@types"],
    "lib": ["es2017", "dom"],
    "paths": {
      "api-ai-javascript/*": ["node_modules/api-ai-javascript/es6/*"] //bypass the index.ts
    }
  }
}

The proper solution i think, would be the project's tsconfig.json to add dom type directly and remove declarations of types already in lib.dom.d.ts.

I can test that and submit a PR if you agree with this solution, @dialogflow

abhinavbhandari · 2018-10-29T00:02:01Z

@xmlking Hey I have the same error, did you figure out a solution?

tinesoft · 2018-10-29T05:42:14Z

@abhinavbhandari did you try out my solution?

xmlking · 2018-10-29T07:49:07Z

I patched it using "@xmlking/api-ai-javascript": "^2.0.0-beta.22", until this lib is fixed.
Working sample at
https://github.com/xmlking/ngx-starter-kit

ravikumarbggit · 2018-10-29T12:54:22Z

Hi,
This package(api-ai-javascript) seems to be legacy V1 SDK. Anyone point me to documentaion on using V2 Library please?
I couldn't find Javascript platform in https://dialogflow.com/docs/sdks
I tried to follow steps mentioned in Nodejs section in my Angular 6 client but it didn't work

ravikumarbggit · 2018-10-29T12:57:08Z

btw, @tinesoft workaround worked for me. Thanks!

abhinavbhandari · 2018-11-01T01:05:31Z

@tinesoft Hey yes I did, it didn't work but I will revisit it later and possibly ask a question later!

JoelKThomas · 2018-11-22T14:06:42Z

Hi,

I had a similar issue with angular v7.0.0.rc.1 and current [email protected].

I've found out its due to conflicting type definitions for MediaStreamAudioDestinationNode#stream, between the custom version in (api-ai-javascript/declarations.d.ts) and the standard in lib.dom.d.ts (from dom types in your tsconfig.json)

One workaround is to avoid importing the library via its index.ts (which has /// <reference path="declarations.d.ts"/>), but instead use the es6 version directly by bypassing the resolution of the "api-ai-javascript" module.

So in your code:
import { ApiAiClient } from 'api-ai-javascript/es6/ApiAiClient'
in your tsconfig.json (only relevant parts):
{
  "compileOnSave": false,
  "compilerOptions": {
    ...
    "baseUrl": "./",
    "typeRoots": ["node_modules/@types"],
    "lib": ["es2017", "dom"],
    "paths": {
      "api-ai-javascript/*": ["node_modules/api-ai-javascript/es6/*"] //bypass the index.ts
    }
  }
}
The proper solution i think, would be the project's tsconfig.json to add dom type directly and remove declarations of types already in lib.dom.d.ts.

I can test that and submit a PR if you agree with this solution, @dialogflow

I am facing the same issue still its raising the same issue.I tried it.

All declarations of 'stream' must have identical modifiers api-ai-javascript - Dialogflow

mayurijethwa31 · 2019-08-26T09:14:17Z

I declared stream as readonly in declarations.d.ts which worked for me.

PoojaChoudhury · 2019-09-10T12:02:30Z

i used import { ApiAiClient } from 'api-ai-javascript/es6/ApiAiClient' instead of
import { ApiAiClient} from 'api-ai-javascript'; and it worked ..

Suhabavan · 2020-07-05T19:41:50Z

Hi,

Anyone please help me !!!!!!

I'm getting an error
Could not find a declaration file for module 'api-ai-javascript/es6/ApiAiClient'. 'e:/AngularUI/chatbot/node_modules/api-ai-javascript/es6/ApiAiClient.js' implicitly has an 'any' type.
Try npm install @types/api-ai-javascript if it exists or add a new declaration (.d.ts) file containing declare module 'api-ai-javascript/es6/ApiAiClient';ts(7016)

tsconfig.json

{
"compileOnSave": false,
"compilerOptions": {
"baseUrl": "./",
"outDir": "./dist/out-tsc",
"sourceMap": true,
"declaration": false,
"downlevelIteration": true,
"experimentalDecorators": true,
"module": "esnext",
"moduleResolution": "node",
"importHelpers": true,
"target": "es2015",
"lib": [
"es2018",
"dom"
]
},
"angularCompilerOptions": {
"fullTemplateTypeCheck": true,
"strictInjectionParameters": true
}
}

chat.service.ts

import { Injectable } from '@angular/core';
import {environment} from '../../environments/environment';
import { ApiAiClient } from 'api-ai-javascript/es6/ApiAiClient'; //Here only i'm getting error

@Injectable({
providedIn: 'root'
})
export class ChatService {

readonly token = environment.dialogflow.angularBot;
readonly client = new ApiAiClient({accessToken:this.token});

constructor() {
}

talk(){
this.client.textRequest('Who are you!').then(res=>console.log(res));
}
}

NOTE: If you know how to solve this issue contact me (+91 8681841713) I'm also available in WhatsApp
My email id: [email protected]

Thanks in Advance
Suhabavan.

sairam111170 · 2021-02-10T04:02:51Z

Had same issue with Angular 11.1.1 and Typescript 4.1.3..I tried every method above ,but still error continues.

SihleMbonani · 2023-10-13T21:24:15Z

Hi,

Anyone please help me !!!!!!

I'm getting an error Could not find a declaration file for module 'api-ai-javascript/es6/ApiAiClient'. 'e:/AngularUI/chatbot/node_modules/api-ai-javascript/es6/ApiAiClient.js' implicitly has an 'any' type. Try npm install @types/api-ai-javascript if it exists or add a new declaration (.d.ts) file containing declare module 'api-ai-javascript/es6/ApiAiClient';ts(7016)

tsconfig.json

{ "compileOnSave": false, "compilerOptions": { "baseUrl": "./", "outDir": "./dist/out-tsc", "sourceMap": true, "declaration": false, "downlevelIteration": true, "experimentalDecorators": true, "module": "esnext", "moduleResolution": "node", "importHelpers": true, "target": "es2015", "lib": [ "es2018", "dom" ] }, "angularCompilerOptions": { "fullTemplateTypeCheck": true, "strictInjectionParameters": true } }

chat.service.ts

import { Injectable } from '@angular/core'; import {environment} from '../../environments/environment'; import { ApiAiClient } from 'api-ai-javascript/es6/ApiAiClient'; //Here only i'm getting error

@Injectable({ providedIn: 'root' }) export class ChatService {

readonly token = environment.dialogflow.angularBot; readonly client = new ApiAiClient({accessToken:this.token});

constructor() { }

talk(){ this.client.textRequest('Who are you!').then(res=>console.log(res)); } }

NOTE: If you know how to solve this issue contact me (+91 8681841713) I'm also available in WhatsApp My email id: [email protected]

Thanks in Advance Suhabavan.

Hey did you manage to get help?

tinesoft mentioned this issue Oct 17, 2018

refactor: update angular versions to master builds manekinekko/angular-search-experience#11

Closed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

ERROR in node_modules/api-ai-javascript/declarations.d.ts(9,5) #99

ERROR in node_modules/api-ai-javascript/declarations.d.ts(9,5) #99

odineshrao commented Sep 19, 2018

hashanmalawana commented Sep 28, 2018

xmlking commented Oct 10, 2018

tinesoft commented Oct 18, 2018 •

edited

Loading

abhinavbhandari commented Oct 29, 2018

tinesoft commented Oct 29, 2018

xmlking commented Oct 29, 2018

ravikumarbggit commented Oct 29, 2018 •

edited

Loading

ravikumarbggit commented Oct 29, 2018 •

edited

Loading

abhinavbhandari commented Nov 1, 2018

JoelKThomas commented Nov 22, 2018

mayurijethwa31 commented Aug 26, 2019

PoojaChoudhury commented Sep 10, 2019

Suhabavan commented Jul 5, 2020

sairam111170 commented Feb 10, 2021

SihleMbonani commented Oct 13, 2023

tsconfig.json

chat.service.ts

ERROR in node_modules/api-ai-javascript/declarations.d.ts(9,5) #99

ERROR in node_modules/api-ai-javascript/declarations.d.ts(9,5) #99

Comments

odineshrao commented Sep 19, 2018

hashanmalawana commented Sep 28, 2018

xmlking commented Oct 10, 2018

tinesoft commented Oct 18, 2018 • edited Loading

abhinavbhandari commented Oct 29, 2018

tinesoft commented Oct 29, 2018

xmlking commented Oct 29, 2018

ravikumarbggit commented Oct 29, 2018 • edited Loading

ravikumarbggit commented Oct 29, 2018 • edited Loading

abhinavbhandari commented Nov 1, 2018

JoelKThomas commented Nov 22, 2018

mayurijethwa31 commented Aug 26, 2019

PoojaChoudhury commented Sep 10, 2019

Suhabavan commented Jul 5, 2020

tsconfig.json

chat.service.ts

sairam111170 commented Feb 10, 2021

SihleMbonani commented Oct 13, 2023

tsconfig.json

chat.service.ts

tinesoft commented Oct 18, 2018 •

edited

Loading

ravikumarbggit commented Oct 29, 2018 •

edited

Loading

ravikumarbggit commented Oct 29, 2018 •

edited

Loading