Cannot run Vue.js application because of the error - vue.js

I'm doing a project that requires me to use MongoDB, Express and Vue.js.
I have set up the mongo and it's working. However, I'm having issues with Vue.js.
How can I solve the issue? Nothing works when I run npm run start

That is not issue with Vue, there is already command to start project, use npm run serve instead.
For the future, read more about NPM and Vue CLI

You need to check OFFICIAL documentation NPM from here https://docs.npmjs.com/cli/v7/commands/npm-run-script
You have not a VUE error.

use npm run serve to start a dev server
and npm run build to build for deployment.
follow this guide to learn more about vue-cli
Vue Cli Guide Page

Related

ng-zorro Error: Module not found when trying to run project

I'm using ng-zorro v14.1.1 for my angular 14.2.7. But when I try to run my angular application, I got errors when building the project looking for modules from ng-zorro and identifying it as not found even though the files existed in the project.
Here's the full view of the error:
Additional detail of the project:
Angular Electron project
Angular 14.2.7
Electron 21.2.0
Thanks in advance for helping!
I tried removing node-modules and re-install ng-zorro-antd using ng add ng-zorro-antd, and even npm install ng-zorro-antd if it makes a difference but to no avail, I'm still having the issue. Thus, can't run the project.
I have solved my problem. What I did was to install the modules that are mentioned in the error:
I ran the commands:
npm i d3-zoom --> this command gives you hint on what to do next when you're trying to run the project after the installation is finished, and it instructed me to run the next command below:
npm i --save-dev #types/d3-zoom
npm i dagre-compound
npm i d3-shape

What is the equivalent of npm run start:ci in yarn?

I'm trying to configure Bitbucket CI/CD for cypress testing on my vue app which uses yarn for package management.
Is there any way to start server in background by yarn?
Thanks in advance
Welcome to stackoverflow Alessandra.
yarn start command is equivalent to npm run start
However if you have created a custom command in your package.json for start:ci you can use equivalent yarn command as yarn start:ci
You can also use yarn run start:ci however its run is redundent here. Please see this documentation
https://classic.yarnpkg.com/lang/en/docs/cli/run/

Quasar cannot find quasar extras namely material-icons, roboto font css and polyfills

Each time I run quasar dev this message appears.
The installation is pretty standard with pwa template.
These dependencies were not found:
quasar-extras/material-icons/material-icons.css in ./.quasar/client-entry.js
quasar-extras/roboto-font/roboto-font.css in ./.quasar/client-entry.js
quasar-framework/dist/quasar.ie.polyfills.js in ./.quasar/client-entry.js
To install them, you can run: npm install --save quasar-extras/material-icons/material-icons.css quasar-extras/roboto-font/roboto-font.css quasar-framework/dist/quasar.ie.polyfills.js
if you are using quasar-cli, firstly delete it due to quasar-cli doesn't include quasar-extras built-in. You can see this with running quasar info. after deleting quasar-cli please install
npm i -g #quasar/cli
then run
quasar dev
with this way error should be gone.
I think the quasar-cli should be tagged deprecated already. To solve this problem I simply remove the global installation, used the vite setup and currently I am running the quasar commands using npx quasar

Webpack uninstall not working properly

I decided to remove webpack from one of my react projects as dependencies slow down performance and I wasn't really using it. I tried npm uninstall -g webpack, npm uninstall webpack, npm uninstall webpack webpack-cli, npm remove webpack, etc. I ran npm start after each of these commands to start working on my app again and every time I got the same exact answer: "Error: cannot find module 'webpack'". It seems to be based in the internal loader for the react-scripts but I don't know how to edit that. Thank you in advance for any help you can provide. Note: I did check my dependencies and webpack is not there in either the main or developer dependencies
Since you said something about react-scripts, i'll assume you are using CRA.
The whole build process is inside the react-scripts package, which means that you would need to NOT use react-scrips on you start and build scripts. If you get rid of react-scripts you might be able to get away with webpack.

Failed to download repo vuejs-templates/simple

This error shows when I try to run a vue init webpack command.
vue-cli ยท Failed to download repo vuejs-templates/simple: unable to verify the first certificate
Pls help! I want to proceed and learn vue.
Thanks in advance!
You can also try to clone the git repo and then initiate project offline
git clone https://github.com/vuejs-templates/simple ~/.vue-templates/simple
vue init simple my-project --offline
cd my-project
npm install
npm run dev
credits https://github.com/vuejs/vue-cli/issues/258#issuecomment-325021153
The problem here seems to be the environment where you are tying to download the template, Are you through a proxy?. One solution is forking the template you want, and then init vue in that template, but i can't tell if this works for all cases.
Fork the desired template, in your case webpack from https://github.com/vuejs-templates/webpack
And then just init it by using vue init yourGithubUsername/webpack
Someone encountered the same problem as yours, referencing on this issue, it is very likely you are behind VPN, try running this instead:
npm config set npm_config_strict_ssl=false
vue init webpack my-project