Guide to releasing a NestJs library on npm using the nrwl/nx framework

Struggling with creating a publishable NestJS library using NX. Despite reading numerous documentations, I still can't figure it out.

I've developed a NestJS library within an NX monorepository and now I want to publish just this library on NPM, but the process seems unclear.

In the official NX documentation, there's mention of a flag called "--publishable", however, it cannot be used in conjunction with a NestJs library. When attempting to use the flag like this:

ng g @nrwl/nest:library mylib --publishable

An error is returned:

Unknown Option: "--publishable".

Thus, when working with a NestJs library, this flag doesn't function as expected.

Now, I'm trying to create a package.json manually, but I am unsure about the correct steps. Do I need to build the library first before publishing it on npm?

Using the latest NX version!

Any help or guidance would be greatly appreciated!

typescriptnpmnestjsnrwlnrwl-nx

Answer №1

  1. Create a publishable library using the command ng g lib your_lib --publishable

  2. Build your library by running ng build your_lib

  3. Update the contents of your_lib_.module to match that of a NestJs.module

  4. Login to npm using npm login

  5. Publish your library by running npm publish inside the directory of your_lib_name

    I hope these steps are useful for you! 😊

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

Dissimilarities in behavior between Angular 2 AOT errors

While working on my angular 2 project with angular-cli, I am facing an issue. Locally, when I build it for production using ng build --prod --aot, there are no problems. However, when the project is built on the server, I encounter the following errors: . ...

angulartypescriptangular-cliangular2-aot

Navigating a vast JSON dataset containing identical key names: A step-by-step guide

I am faced with a massive json file that has the following format: name: 'xxx', worth: [123, 456, 789] children: [ {name: 'xxx', worth: [987, 654, 321], children: [ {name: 'xxx', ...

arraysjsonangulartypescript

Show content based on dynamically selected dropdown in Angular

I am facing an issue with a dynamic select element in Angular. I am struggling to display the selected values on the view because I cannot seem to create a click event on the dropdown options or access the selected option via a click event on the <selec ...

angulartypescript

What is the best way to send {...rest} properties to a text field in react material?

When using a material textfield inside a wrapper component and passing the remaining props as {...otherprops} in a JavaScript file, everything works fine. However, when attempting to do the same in TypeScript, an error occurs. const TextFieldWrapper = (pro ...

javascriptreactjstypescriptmaterial-ui

Is there possibly a problem with GridActionsCellItem and its props?

I'm encountering a problem with passing props into the GridActionsCellItem within the '@mui/x-data-grid'; columns; { field: 'actions', type: 'actions', width: 80, getActions: (params: any) =&g ...

reactjstypescriptmaterial-uidatagrid

Application unable to save data to file with no indication in error logs

Recently, I've been experimenting with the Capture-Website package, which is designed to save website screenshots to a file. Initially, everything was working smoothly until I decided to restart the server. Now, although my code is running without a ...

javascriptnode.jsnpmnode-modulesfs

"Utilizing the same generic in two interface properties in Typescript necessitates the use of the

I have created an interface as follows: interface I<T>{ foo: T arr: T[] } After defining the interface, I have implemented an identity function using it: const fn = <T>({foo, arr}: I<T>) => ({foo, arr}) When calling this function l ...

typescripttypescript-generics

Switching the default browser for npm live-server

When I use the npm live-server package to preview my website as it changes, it keeps opening in Edge even though Chrome is set as my default browser on my system. I attempted to use the command suggested on the npm website: live-server --browser=chrome H ...

javascripthtmlcssnpmnpm-live-server

Step-by-step guide on activating a button only when all form fields are validated

My very first Angular 5 project. I've gone through resources like: https://angular.io/guide/form-validation and various search results I looked up, only to realize that they are all outdated. In my form, I have several input fields such as: <for ...

javascriptangularformstypescript

What is the method for including word boundaries in a regex constructor?

export enum TOKENS { CLASS = 1, METHOD, FUNCTION, CONSTRUCTOR, INT, BOOLEAN, CHAR, VOID, VAR, STATIC, FIELD, LET, DO, IF, ELSE, WHILE, RETURN, TRUE, FALSE, NULL, THIS } setTokenPatterns() { let tokenString: s ...

javascriptregextypescript

React has an unmet peer dependency

I encountered issues while attempting to install npm package node-saas ├── UNMET PEER DEPENDENCY [email protected] └── UNMET PEER DEPENDENCY [email protected] npm ERR! peer dependency missing: react@^0.14.1, as required by [email ...

reactjsnpm

How can you dynamically disable a radio option button using Angular rendering without relying on an ID?

Is there a way to disable the male radio button without using an id, and utilizing angular rendering2? It seems like it's not working for me. I need to make this change only in the form.ts file, without altering the HTML code. form.html <label& ...

javascriptangulartypescript

TypeScript Error 2304: Element 'div' is nowhere to be found - CRA TypeScript Template

I'm experiencing a problem in VSCode while working on the default create-react-app my-app --template typescript project. It seems to not recognize any HTML elements, as I keep getting the error cannot find name xxx, where 'xxx' represents th ...

reactjstypescriptcreate-react-app

Implementing a dependent <select> within an HTML table is a useful feature to enhance user experience and organization of

I have set up a table with editable columns where values can be selected from a drop-down menu. I achieved this by using HTML select. The options in the 'Category tier 2' column are based on the selection made in the 'Category tier 1' c ...

angulartypescripthtml-table

Issue with running "npm run dist" while utilizing electron-builder

I'm encountering an issue with electron-builder. https://medium.com/how-to-electron/a-complete-guide-to-packaging-your-electron-app-1bdc717d739f I've followed the comprehensive guide for packaging an electron app using electron builder, but for ...

npmelectronelectron-builder

Executing multiple service calls in Angular2

Is there a way to optimize the number of requests made to a service? I need to retrieve data from my database in batches of 1000 entries each time. Currently, I have a loop set up like this: while (!done) { ... } This approach results in unnecessary re ...

angulartypescriptangular-services

How can we ensure in ReactJS that one API call has been completed before making another one?

How can we ensure one API call is completed before making the next call in reactJS? In my componentDidMount function, I need to check the length of data. When the length is more than 4, I first want to save the data and then retrieve it. componentDidM ...

reactjstypescript

UI5 Tooling generated an error stating that "sap is not defined" after a self-contained build

Having successfully developed an application using SAPUI5 1.108, I encountered a setback when attempting to deploy it to a system running SAPUI5 version 1.71. The older version lacks certain features, causing the application to fail. In order to address th ...

typescriptsapui5ui5-tooling

Invoking a nested class while declaring types in TypeScript

This is the specific format of data that I am in need of this.structure=[ { id: 1, name: 'root1', children: [ { id: 2, name: 'child1' }, { id: 3, name: 'child2' } ] }, { ...

angulartypescriptecmascript-6nested

Do [(ngModel)] bindings strictly adhere to being strings?

Imagine a scenario where you have a radiobutton HTML element within an angular application, <div class="radio"> <label> <input type="radio" name="approvedeny" value="true" [(ngModel)]=_approvedOrDenied> Approve < ...

javascriptangulartypescript