Comments (6)
Hey, which workspace scheme do you use?
from nx-extensions.
Thank you @DominikPieper for your quick reply. I am going to close this issue. I think I may have had an older library on my computer that was causing the problem. I walked through the steps again, and everything worked perfectly this time. 🤷♂️ Thank you for your time and your hard work!
from nx-extensions.
I was able to get the same thing on a repo of mine at this commit when running the nx g @nxext/ionic-angular:application yoga-schedule
command
Edit: Looking a bit further, it seems that the npmScope it tries to infer from the getNpmScope
nx helper function is returning undefined.
Edit 2: I think the issue comes from this line, where the getNpmScope
nx util for getting the scope name is looking for a name starting with @
, and not returning anything for other scenarios (which is my case).
More info here behind the decision to not support scopes without a starting @
from nx-extensions.
I'm experiencing this same issue with a completely new project now, never seen it before though.
at first, npx create-nx-workspace template-mobile-workspace
was creating a new workspace for me with Nx 15
, but I did find that nx@15
was still installed globally. updated this with npm i -g nx
, and now nx --version
shows the global version as 16.7.4
.
npx create-nx-workspace
was still generating a new workspace with nx@15
though, which I only managed to get around by running npx create-nx-workspace@latest
. after this, nx --version
showed the local version as 16.7.4
as well.
thereafter I ran npm i -D @nxext/ionic-angular @nxext/capacitor
, which installed version 16.2.0
of the Angular plugin and 16.7.0
of the Capacitor plugin.
at this point, nx g @nxext/ionic-angular:app base
(choosing "tabs" template) generates the files which Prettier then cannot format, because:
Could not format packages/base/src/index.html. Error: "Unexpected closing tag "-root". It may happen when the tag has already been closed by another tag. For more info see https://www.w3.org/TR/html5/syntax.html#closing-elements-that-have-implied-end-tags (23:10)
21 |
22 | <body>
> 23 | <-root></-root>
| ^^^^^^^^
24 | </body>
25 |
26 | </html>"
Could not format packages/base/src/app/tab1/tab1.page.html. Error: "Unexpected closing tag "-explore-container". It may happen when the tag has already been closed by another tag. For more info see https://www.w3.org/TR/html5/syntax.html#closing-elements-that-have-implied-end-tags (16:41)
14 | </ion-header>
15 |
> 16 | <-explore-container name="Tab 1 page"></-explore-container>
| ^^^^^^^^^^^^^^^^^^^^^
17 | </ion-content>
18 |"
Could not format packages/base/src/app/tab2/tab2.page.html. Error: "Unexpected closing tag "-explore-container". It may happen when the tag has already been closed by another tag. For more info see https://www.w3.org/TR/html5/syntax.html#closing-elements-that-have-implied-end-tags (16:41)
14 | </ion-header>
15 |
> 16 | <-explore-container name="Tab 2 page"></-explore-container>
| ^^^^^^^^^^^^^^^^^^^^^
17 | </ion-content>
18 |"
Could not format packages/base/src/app/tab3/tab3.page.html. Error: "Unexpected closing tag "-explore-container". It may happen when the tag has already been closed by another tag. For more info see https://www.w3.org/TR/html5/syntax.html#closing-elements-that-have-implied-end-tags (16:41)
14 | </ion-header>
15 |
> 16 | <-explore-container name="Tab 3 page"></-explore-container>
| ^^^^^^^^^^^^^^^^^^^^^
17 | </ion-content>
18 |"
this is the only place I've found anybody else experiencing the same issue, and it's for older versions.. is this perhaps something going wrong in my dev environment then?
from nx-extensions.
ok, interesting... I just tried this again, but slightly differently:
- started with
npx create-nx-workspace@latest
, as before. - in the workspace,
npm i -D @nxext/ionic-angular
, without explicitly adding@nxext/capacitor
as well. - then
npx nx g @nxext/ionic-angular:app base
, and it's just finished installing dependencies... no errors.
I did uninstall my global nx
package, just incase.. which is why I needed npx
for the final command this time. not sure if that has any bearing here? FWIW, npx nx --version
shows local as 16.7.4
, and no global, which is correct.
from nx-extensions.
figured it out.. the "structure" selection (or the "schema" that @DominikPieper mentioned?) in the workspace that works as expected used "integrated monorepo", whereas the first workspace that has this issue used "packages".
from nx-extensions.
Related Issues (20)
- Vue: Generated app lacks a `test` task for unit tests HOT 1
- Svelte: Cypress fails because of missing configuration in vite
- Svelte: Project name mismatch
- Svelte: Wrong path when using importPath flag
- Svelte: NX throws error when using the tsConfiguration flag with storybook
- Svelte: storybook generator fail if NOT using eslintrc JSON file HOT 1
- Ionic React: dependenies error with nx v17.0.3
- Sveltekit: Directory option doesn't work
- Stencil : npm install error - No matching version found for @storybook/manager-webpack5
- Stencil: conflicting peer dependencies on `npm i @nxext/stencil` HOT 2
- Stencil - adding Angular outputtarget throws Cannot read properties of undefined (reading 'kind') HOT 3
- Sveltekit: New app errors HOT 6
- Angular: Failed to fetch dynamically imported module .angular/cache/17.0.8/vite/deps/ion-app_8.entry.js?import HOT 7
- Solid: nx integrated monorepo vite config
- Stencil: Creating a buildable library throws an exception HOT 7
- Stencil: Adding output target type Angular leads to an exception HOT 2
- React: Capacitor live reload not working
- Stencil: missing support for Nx latest version (v18) HOT 1
- Sveltekit: Upgrade default versions and allow user overrides via CLI options
- Stencil: Always get 'Cannot find tsconfig.base.json'
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from nx-extensions.