Dependency management with various versions of an NPM package

I'm feeling a bit puzzled about NPM package versions.

In my ionic2 app's packages.json file, I have a dependency on [email protected]. Additionally, I have the latest version of ionic-native which is dependent on [email protected].

The issue arises when I created an extension to Observable to add a new method. It works fine in my services, but doesn't work when using services from ionic-native.

This code will work (Get commands simply return Observable)

updateService.getCommands().ExtensionHere();

However, this won't work (onChange will return Observable)

BatteryStatus.onChange().ExtensionHere();

It may seem like a simple question, but I'm a bit stuck because I assumed NPM would use the latest version for all dependencies.

So my question is why it behaves this way? And is there any way to ensure that the same package version is used?

typescriptnpmionic2rxjsionic-native

Answer №1

Here's a common question that might seem silly, but I'm a bit confused because I assumed NPM would automatically use the latest version for all dependencies.

Actually, each module will have its own specific version if it requests one.

Is there any way to ensure that all packages use the same version?

It would only work that way if these libraries had "rxjs" as a peerDependency. With peerDependencies, you have control over the exact version. However, this would require changes to the code of Ionic Native.

QuickFix :

To solve this issue, you can manually require both versions to add your extension, like 

require('../node_modules/your/node_modules/rxjs')
and do the same for their dependencies.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Latest Angular 2 Release: Lack of visual updates following asynchronous data entry

Currently, I am working with Angular2-Beta1, However, the templating from the "*ngFor" is not working properly and is only displayed as <!--template bindings={}--> and not as <template ...></template> as described here on the Angular2 G ...

angulartypescript

Transforming Boolean data types into text within an Angular 2 client-side application

Query I'm currently working on retrieving data from an API and displaying it in a table. One of the columns includes a status attribute that returns either true or false values. However, I would like to display "Active" or "Block" instead on the clie ...

typescriptangular

The i18next module encounters compilation issues when used in a React application with Typescript

In my React-Typescript project, I recently set up i18next for multi-language support. Despite following the official documentation guidelines, I encountered compilation errors when running the app: Property 'changeLanguage' does not exist on type ...

reactjstypescripti18nexttsdx

Error encountered with firebase-tools: Permission denied due to EACCES issue

I've been attempting to deploy my web app using Firebase hosting. When I run the command firebase deploy in the terminal, I encounter an error. Note: The issue persists across all firebase commands, such as firebase --help, firebase -v, firebase log ...

unixfirebasenpmfirebase-hostingfirebase-tools

How do I assign a default value to an optional parameter in a derived class in Typescript?

One of my classes is called ClientBase: export class ClientBase { constructor(private uri: string, private httpClient: HttpClient) { } // Contains Various Methods } I have multiple subclasses that are derived from the ClientBase For instance: @I ...

javascripttypescript

Troubleshooting Vue 2 TypeScript Components Import Issue in VS Code

Has anyone experienced issues with TS pointing errors when importing custom components into a .vue file using the options api and webpack? The import is successful, everything works after bundling, but I'm still encountering annoying errors in the .vu ...

typescriptwebpackvuejs2vue-options-api

Attempting to create a function that can accept two out of three different types of arguments

I am trying to create a function that only accepts one of three different types type A = 'a' type B = 'b' type C = 'c' The function should accept either type A, C, or both B and C, but not all three types. This is what I hav ...

typescript

Encountering an unexpected token error when using Typescript with Next

Currently, this is what I have in my _document.tsx file: import Document, { Html, Head, Main, NextScript } from 'next/document'; class CustomDocument extends Document { return = (): JSX.Element => ( <Html lang="en-US"> ...

typescriptnext.jsbabeljs

Implementing Firebase as an Authentication Middle Layer for Express.js

I am currently working on developing an authentication middleware to verify the presence of a valid firebase token in the request header. Here's the code snippet: auth.ts import * as firebase from 'firebase-admin'; import { NextFunction, Re ...

node.jstypescriptexpressfirebase-authenticationfirebase-admin

Experimenting with AngularJS using karma and jasmine

I'm currently working on writing some unit tests. I encountered an error stating that angular is undefined, so my solution is to add the angular js file along with my other js files. In order to achieve this, I am attempting to npm install it... { ...

angularjsnpmkarma-runnerkarma-jasmine

What steps should I take in order to ensure that NPM commands run smoothly within Eclipse?

I have a functional workflow that I'm looking to enhance. Currently, I am developing a JavaScript library and conducting smoke tests on the code by using webpack to bundle the library and save it to a file that can be included in an HTML file for test ...

javascriptnode.jseclipsenpmterminal

The resolved link in the package-lock.json file is directing to a local artifactory URL rather than the globally specified registry

My .npmrc file is configured as follows: registy=http://artifacts.sample.com/artifactory/api/npm/ The package-lock.json file contains resolved field for dependencies which looks like this: "dependencies": { "acorn": { "version": "5.7.3", ...

npmnpm-installpackage.jsonpackage-lock.json

Encountering Invalid Chai attribute: 'calledWith'

I am currently in the process of implementing unit tests for my express application. However, I encountered an error when running the test: import * as timestamp from './timestamp' import chai, { expect } from 'chai' import sinonChai f ...

typescriptexpresssinonchaisinon-chai

Resolve an npm installation issue caused by error code EINTEGRITY

After reviewing numerous similar posts on this platform, I have yet to find a solution. Many suggest using npm cache verify or npm cache clear, but these haven't worked for me. I even took the extreme step of completely removing npm and node through ...

macosnpmnpm-installnpm-update

transform array elements into an object

I encountered the following code snippet: const calcRowCssClasses = (<string[]>context.dataItem.cssClasses).map( (cssClass) => { return { [cssClass]: true }; } ); This code block generates an array of objects like ...

javascripttypescript

Exclude a specific custom module from the node_modules directory during the npm install process

Within my node_modules folder, there are 4 modules with one of them being a custom module. The other 3 modules are specified as dependencies in my package.json file. However, when I run npm install, Node removes the custom module from the node_modules fold ...

node.jsnpmpackage.json

Do you think it's essential to subscribe and unsubscribe from observables in these scenarios?

Contemplating observables has brought me to consider the following scenarios: Scenario 1) In my use of NGRX, I diligently set up the architecture and create a selector service for a specific store. In this service, the absence of ngOnDestroy raises a que ...

angularrxjsngrxrxjs-observables

What is the best method to create a TypeScript dictionary from an object using a keyboard?

One approach I frequently use involves treating objects as dictionaries. For example: type Foo = { a: string } type MyDictionary = { [key: string]: Foo } function foo(dict: MyDictionary) { // Requirement 1: The values should be of type Foo[] const va ...

typescripttypescript-typings

Exploring the syntax of typescript when using createContext

Just starting out with typescript and I have some questions. Could someone break down the syntax used in this code snippet for me? What is the significance of having two groups containing signIn, signOut, and user here? Is the first group responsible fo ...

javascriptreactjstypescript

The issue of declaration merging and complications with nested node_modules

Here is the structure I am working with: @my/app node_modules @types/angular @types/angular-translate @my/library node_modules @types/angular The issue arises from the fact that @types/angular-translate extends the definitions of @types/angular ...

angulartypescriptnpmnode-modulesangular-translate