Stack Overflow
Stack Overflow

Questions tagged [nx-workspace]

74 questions
8
votes
2 answers

Use environment variable inside nx project.json

I'm using nx as my monorepo management tool, which contains typescript apis and angular frontends. Now i'm trying to get my project running inside github codespaces. Everything works fine except the angular applications, when I try to serve…
Norbert Bartko
  • 2,468
  • 1
  • 17
  • 36
4
votes
4 answers

How to enable Tailwind.css for Storybook in a Nx workspace Angular library?

I've created an Angular library in Nx workspace to provide ui-components (ui-kit). To this library I added Storybook which was working fine. Now I also want to include Tailwind because the components make use of it. I used the nx generate…
Christof Aenderl
  • 4,233
  • 3
  • 37
  • 48
4
votes
0 answers

How to use shared assets between react and react-native in nxWorkspace

I have a nxWorkspace with React, React-Native and Nodejs. I've create a shared assets library to use between React and React Native. I'm able to use it with React, but I have no idea how to use it in the React-Native. I've look at the documents and…
Shadab Faiz
  • 2,380
  • 1
  • 18
  • 28
3
votes
1 answer

angular browser-esbuild error: Could not resolve absolute path [plugin angular-css-resource]

During migrating from angular v15 to v16 in a nx environment, my build process encounters with lots of errors regarding to my form of addressing assets in scss files. For example: ✘ [ERROR] Could not resolve…
Mahdi Zarei
  • 5,644
  • 7
  • 24
  • 54
3
votes
0 answers

How to add an ionic project to an nx workspace?

I have an Nx v15.9.2 workspace, to which I added a nestjs server using nx g @nrwl/nest:app my-nest-app. I want to add an ionic project to my nx workspace, but I haven't found a good way to do this. I checked certain tutorials online, such as: this…
Lorraine R.
  • 1,545
  • 1
  • 14
  • 39
3
votes
2 answers

Buildable libraries cannot import or export from non-buildable libraries (eslint)

I am getting above error when i import the interface from one of the library: import { DetailsProps } from '@vite/prop-types'; //error import styles from './header.module.less'; const initailDetails: DetailsProps = { name: 'Arif', city:…
3gwebtrain
  • 14,640
  • 25
  • 121
  • 247
3
votes
0 answers

Split Angular CLI application into Nx libraries

I have following Angular CLI architecture: Core of application consisting of: configuration of root state (NgRx Store) - auth, router state, feature flags configuration loaded from backend, etc. (everything what all feature modules need) routing…
pyskp
  • 93
  • 1
  • 7
3
votes
1 answer

Debug Next.js App with VSCode in NX monorepo

I'm currently trying to debug a Next.js Application inside a NX monorepo. I have enabled the Auto Attach setting in VSCode's User Settings. When I start the Application using the serve command, I can see output in the Debug Console and also print…
dschu
  • 4,992
  • 5
  • 31
  • 48
3
votes
1 answer

Nx Module Federation with Angular - No provider for HttpClient

I have setuped a micro front-end Nx (13.10.3) workspace with Angular (13.3.0) and @nrwl/angular (13.10.3) module federation. When I try to load a route which is loading a remote module I am getting the error below. I have added HttpClientModule in…
ivayloc
  • 365
  • 4
  • 14
3
votes
0 answers

How can I add another importable root-level directory to my NX workspace

I would like to add another directory like libs in the root of my project form which apps can import. In my case, I have a set of microservices in a functions directory and I would like one of my apps to import the interfaces directly from this…
Nate May
  • 3,814
  • 7
  • 33
  • 86
2
votes
1 answer

How can I remove unused code from a nx workspace project libs (Most libs are in Angular - typescript)?

We already have set up eslint rules (no-unused-vars) to detect unused vars and also unused imports. What we are struggling to find is unused components, state management codes, css styles and unused service methods. I am trying to find a command /…
Bidhan Ghosh
  • 31
  • 4
2
votes
2 answers

Publishable CSS library in NX monorepo

We need to create a pure CSS library that can be used by our Angular, React, Vue and WC applications and libraries. Something that can be accessed in a way like @myorg/styles. It seems related to this ticket #54 but it's already Closed with a…
raberana
  • 11,739
  • 18
  • 69
  • 95
2
votes
0 answers

Global PWA for a NX-Workspace

I am using nx workspace in my angular projects. In my nx workspace there are multiple projects I have added. When I am trying to install PWA for that It is installing to each project .But I want a global PWA for complete workspace. Whatever projects…
Sanjeeb Kumar Sahoo
  • 21
  • 2
2
votes
0 answers

remoteEntry.mjs file from ModuleFederation is failing to load on IIS

I developed a basic demo micro frontend project using nx,module federation with angular. When I am trying to host it on my IIS, the remote apps are working fine, but the host(or) shell application is failing to load. The remoteEntry.mjs file from…
Krishna Krish
  • 21
  • 1
2
votes
0 answers

NX workspaces - use bootstrap scss in library

I would like to import scss files from bootstrap in my NX workspace. I would need to import the /node_modules/bootstrap/scss/functions file in the libs/folderName/components/src/lib/my-component component In the scss file I have this: @import…
bluray
  • 1,875
  • 5
  • 36
  • 68
1
2 3 4 5