Questions tagged [nx.dev]

For questions about Nx, a suite of powerful, extensible dev tools that help you develop, test, build, and scale Angular applications with fully integrated support for modern libraries like Jest, Cypress, ESLint, and more.

Intro to Nx

Nx is a suite of powerful, extensible dev tools that help you develop, test, build, and scale Angular applications with fully integrated support for modern libraries like Jest, Cypress, ESLint, and more.

10-Minute Nx Overview (YouTube link on image below)

Nx-Dev-Tools

Philosophy

Nx is built on a technology agnostic core that maintains modular units of code and understands the dependency graph between them. Developers comprehend that your app contains two pages that each use a shared button component. Nx uses this same knowledge to provide insights and performance improvements. There's a whole ecosystem of plugins that build on this foundation.

Nx becomes more valuable as you scale, solving problems that are frustrating for small teams, but paralyzing for large teams.

Nx works especially well for monorepos. Each new app added to a monorepo provides more opportunities to share code and tooling but that often comes at the cost of a compounding slowdown in the CI pipeline. Nx ensures that adding another app to the repo does not increase the existing app’s test or build time.

Features

Test (or builds or lints) only the projects affected by a code change. Cache command output locally so that future runs on the same code happen in seconds. The paid Nx Cloud offering allows this cache to be shared across every developer in your organization. Provide a consistent syntax for executing commands. nx build my-app works no matter what framework my-app uses. Automate code modification tasks with generators. Access a thriving ecosystem of plugins from Nrwl and the community.

59 questions
0
votes
0 answers

Getting EISDIR: illegal operation on a directory for npm library when running jest tests

When running jest unit tests for an Angular 14 project, I am getting the following message: FAIL client apps/client/src/app/modules/some-file.spec.ts ● Test suite failed to run EISDIR: illegal operation on a directory, read > 1 |…
0
votes
1 answer

NX Nextjs Micro frontend

I am using nx.dev for maintaining monorepo, my project demands MFE with Nextjs. Following @module-federation/nextjs-mf it says it is moved to paid plugin, still i want some solution with open code (without @module-federation/nextjs-mf plugin). I…
anujayk
  • 544
  • 7
  • 31
0
votes
1 answer

NX recompile error: Starting inspector on localhost:9229 failed: address already in use

I am using NX for monorepo project together with NestJs. After i run project everything works fien until I do some changes in files and save them. After webapck recompiles project it shows that it is started but has error in console "Starting…
0
votes
1 answer

Trying to run nx.dev e2e tests I get the error "Cannot find module 'cypress/package.json'"

I was trying to setup and run nx tests for an established nx.dev angular application. When I run nx e2e app-name-e2e I get the error: Cannot find module 'cypress/package.json' Require stack: -…
The Fabio
  • 5,369
  • 1
  • 25
  • 55
0
votes
1 answer

How to build react native apps specific to an environment in nx.dev

I used nx.dev for my react native application, I have configured the 3 environments. Dev, QA, and Staging. Added productFlavors for the same. ENVFILE=.env.qa && ./gradlew assembleqaRelease On running the above command, an app for qa environment is…
0
votes
1 answer

Entities loading for a Nx.dev Monorepo with Nest.js and TypeOrm

What I have been trying to do is to generate and run migrations with typeorm in the nest.js app within Nx.dev Monorepo. But cannot find a way to do so. My mono-repo looks like this mono-repo structure My database configurations look like…
0
votes
2 answers

Add existing NodeJs (node, Express, monodb,...) project to existing a NX monorepo (Angular)

Has anyone experienced how to add an existing NodeJS API to an existing (Angular) Nx Monrepo? Unfortunately the manual doesn´t help me so much https://nx.dev/migration/manual
0
votes
1 answer

config(npm) throws configuration property not found but getConfigSources method logs correct object

I am trying to integrate config package in my nx.dev typescript project. I have a config directory at root level that contains default.json { "server": { "port": 3001 } } in my index.ts I try import { get, util } from…
Nilesh Kumar
  • 343
  • 1
  • 5
  • 18
0
votes
1 answer

How to run two pwa-msedge debuggers in vscode at the same time?

I have two frontend applications in my applications that need to be run in debugger mode, at the same time. { // Use IntelliSense to learn about possible attributes. // Hover to view descriptions of existing attributes. // For more…
0
votes
1 answer

Nx.dev Gatsby throws error in plugin gatsby-plugin-translate-urls - Support for the experimental syntax 'jsx' isn't

Hi in Gatsby I am getting error ERROR #98123 WEBPACK Generating JavaScript bundles failed /project/node_modules/gatsby-plugin-translate-url s/utils/wrap-page-element.js: Support for the experimental syntax 'jsx' isn't currently enabled (11:5): We…
d3tr1tus
  • 789
  • 2
  • 10
  • 23
0
votes
1 answer

Nx.dev eslintrc.json

Tech stack: Vuejs + Nestjs IDE: WebStorm When using WebStorm, the ESLint language service fails with the default .eslintrc.json files created by the Nx.dev repo manager. As soon as I remove the ignorePatterns from the config, WebStorm is happy. I…
Meester Over
  • 161
  • 2
  • 13
0
votes
1 answer

Nx.dev doesn't show my newly created plugin

I'm trying to understand and use nx.dev dev tools Basically what I'd like to do now is to create a custom plugin. So I first installed the @nrwl/nx-plugin plugin which allows to build custom plugins. Then I created a test plugin using the…
Gianluca Ghettini
  • 11,129
  • 19
  • 93
  • 159
-1
votes
1 answer

create custom .editorconfig, .eslintrc.json and .prettierrc in new nx workspace

When I create a new nx-workspace from the angular preset I would like to insert custom (company wide) configs of .editorconfig, .eslintrc.json and .prettierrc instead of copying them every time. Is there a way to customize create-nx-workspace? As a…
Lars
  • 6,421
  • 1
  • 23
  • 24
-1
votes
1 answer

Send data between GraphQL Node.js server and React in Nx

I setup two projects, Node.js and React in Nx monorepo. I would like to use GraphQL for communication. Projects I'm running with command nx serve api(Node.js) and nx serve totodile (React). Problem is that React cannot access data from /graphql…
Aga
  • 1,019
  • 1
  • 11
  • 16
1 2 3
4