After run "npm audit fix --force" Vue JS project not loading - vue.js

I tried to config VueRouter module with "npm install vue-router". But this part not completed.
Then I try "npm audit fix --force". After run this command project not loading.
I'm using Webpack-simple

Related

Cannot find module 'postcss-preset-env' error using create-react-app inside an npm workspace

I'm trying to add a create-react-app app inside a Turborepo monorepo.
Problem is that if I run npm install from the root of the monorepo and then try to start the CRA app by running npm run dev, I get the following error during compile time:
Loading PostCSS "postcss-preset-env" plugin failed: Cannot find module 'postcss-preset-env'
I noticed that if I run npm install from within the CRA app folder (/apps/my-app), and then run npm run dev from the root of the monorepo, it runs just fine.
I also noted that depending from where I run npm install, the contents of /apps/my-app/node_modules will be different, but I think is the expected behaviour.
If I understand correctly the npm workspaces docs, you should always run npm install from the root of the monorepo.
Any idea on what I'm missing here?
I'm using npm 8.3.1.
Here is a public repo with an example: https://github.com/oncet/turborepo-cra

What are the equivalent CI commands for Vue projects based on Vite instead of the Vue CLI?

I created a new Vue project via npm init vue#latest. I used the Vue CLI before and want to get into Vite now. Inside my Github action I used the Vue CLI service commands before but now I'm looking for the equivalent commands using Vite.
Check that the code style is fine (no errors, no warnings)
Inside my workflow I previously used the command
npm run lint -- --no-fix --max-warnings=0
Based on the lint script command
eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore
I added the lint:ci script command
eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --max-warnings 0 --ignore-path .gitignore
Check that unit tests are passing
Inside my workflow I previously used the command
npm run test:unit
Based on the test:unit script command
vitest --environment jsdom
I added the test:unit:ci script command
vitest --environment jsdom --run
Check that e2e tests are passing
Inside my workflow I previously used the command
npm run test:e2e -- --headless
There already is a test:e2e:ci script command and based on the Cypress docs I think I have to use it this way (which worked for me)
- name: Check if e2e tests are passing
uses: cypress-io/github-action#v2
with:
build: npm run build
start: npm run test:e2e:ci
Do you have any better solutions? I'm not sure if this is the most elegant way or if Vue/Vite already provide some commands I don't know about yet.
Thanks in advance!

SvelteKit doesnt work - src\app.html does not exist issue

I'm installed SvelteKit but when I'm trying "npm run dev" I'm getting an error:
src\app.html does not exist
at validate_template
at load_config
at async get_config
at async
But in my src folder I have app.html file! :/ What's wrong?
When you start sveltkit app first you write
npm init svelte#next my-app
in your terminal,
next, this is very important you go to your app that you have created:
cd my-app
then you install all dependencies in "my-app":
npm install
and then you run your server in in "my-app":
npm run dev

Nuxt Deploy not working, only load main page

when doing a "npm run build" my application has stopped working and only loads the main page. Does anyone know what is the reason for this? Thanks.
github repository with files
With this package-lock.json, we can do "npm install" and "npm run build" and works fine, but when we do a "git pull" on server, we can't do build and that's what appears
then we delete package-lock.json and do "npm install" and "npm run build". Now a new package-lock.json has been generated, we do another time "npm install" and "npm run build" and that's what appears but the project is not loading content correctly, we only see the main page but also is not working correctly.

When install the "#sencha/ext-web-components" in vue application this error occour?

I'm adding this "#sencha/ext-web-components" package in to package.json and run npm install. This error occour?