1,624 questions
1
vote
0
answers
45
views
Where should I put my MongoDB connection string in Vue CLI project?
I am learning to build an MEVN project. I have a MongoDB connection string that looks like this "mongodb+srv://<username>:<password>@<clustername>.abcdefg.mongodb.net/?...
- 125
0
votes
1
answer
27
views
VUE CLI keeps sending sockjs-node info to the wrong url : /sockjs-node/info?t=1749513953510
I think my issue is quite similar to this one, but the answer doesn't solve the problem:Webpack devserver client polling URL does not match Webpack devServer.public setting
Vue/cli-service: 4.4.0
...
- 201
1
vote
0
answers
44
views
Error when building and launching vue project
My vue js project at server startup should be built with webpack and then run with exspress js, but I get the following error
ERROR Error: Build failed with errors.
Error: Build failed with errors.
...
- 11
0
votes
0
answers
20
views
vue cli installation error with windows 7 [duplicate]
I installed vue cli on my windows 7 and now check my vue version using vue --version command. but now got following error message here
Microsoft Windows [Version 6.1.7601]
Copyright (c) 2009 ...
1
vote
1
answer
176
views
Syntax Error: TypeError: Cannot read properties of undefined (reading 'styles')
I'm trying to build library with following command but get error "Syntax Error: TypeError: Cannot read properties of undefined (reading 'styles')":
$ vue-cli-service build --target lib --...
- 506
1
vote
3
answers
114
views
Using 'vue create <projectname>', git add . doesn't seem to work
I was creating a new Vue app and used 'vue create testapp'. I selected the typical defaults and it initialized the directory for git. Fine. I changed the directory to the project's directory and ...
- 1,008
0
votes
0
answers
141
views
Showing Network Host Unavailable in CMD
I'm working on a Vue.js project, and when I run the development server using npm run serve, the app starts successfully on http://localhost:8080/. However, the network is shown as "unavailable&...
- 11
0
votes
0
answers
141
views
Migrating from Vue-CLI to Vite getting "Uncaught SyntaxError: Unexpected token '<'" when deploying
When using Vue-CLI, users would get the error "Uncaught SyntaxError: Unexpected token '<'" each time we deployed an update until we included a base tag in the index.html file.
Now that we ...
- 251
0
votes
1
answer
1k
views
How to use defineAsyncComponent with Vite and Vue component :is?
Could someone explain to me how to use defineAsyncComponent with vite component :is? I'm migrating from vue-cli to Vite and have uncountered an issue where component imported via defineAsyncComponent ...
- 1
3
votes
3
answers
4k
views
Updating from vue-cli to Vite: TypeError: Cannot read properties of null (reading 'nextSibling')
I have updated my Vue 3 project to use Vite following these tutorials:
Vue School: How to Migrate from Vue CLI to Vite
Medium: Vue-cli -> Vite migration
The project is working and running with ...
- 879
1
vote
1
answer
2k
views
How to handle path traversal vulnerability in webpack-dev-middleware with Vue CLI dependency constraints?
I'm dealing with a security vulnerability in webpack-dev-middleware reported as CVE-2024-29180, which involves insufficient URL validation that allows path traversal attacks. Dependabot flagged this ...
1
vote
1
answer
1k
views
How do I create a funnel chart in ChartJS 3.8.x
I'm trying to create a funnel with this chart, but I can't find a way to make it work. I'm using VueCLI (vue 2).
After doing npm install chart.js chartjs-chart-funnel an error appears on console even ...
- 37
0
votes
0
answers
75
views
'vue-cli-service' is not recognized as an internal or external command, operable program or batch file
When I am trying to run my Vue js project its raising error like , 'Vue-cli-service' is not recognized as an internal or external command, operable program or batch file. Please help me to solve this ...
2
votes
1
answer
766
views
Getting Error during build: RollupError: expression expected after migrating from vue-cli to vite
I just migrated from vue-cli to vite. Serving locally works fine, but during the build, I got the following error:
x Build failed in 221ms
error during build:
RollupError: Expression expected
at ...
- 21
0
votes
0
answers
141
views
Uncaught ReferenceError: process is not defined (using vue_cli , vuetify and electron)
I have an Uncaught ReferenceError: process is not defined error in an electron application mixed with vue_cli and vuetify
I'm new to Webpack and don't know where to start looking. Can anyone help?
...
1
vote
1
answer
2k
views
npm WARN deprecated [email protected] while I using vue 3
I am using Vue 3, but I encountered the following error message: "npm WARN deprecated [email protected]: Vue 2 has reached EOL and is no longer actively maintained." Why am I getting this error?
...
0
votes
0
answers
149
views
Working on vue2 to vue3 migration, found the problem ‘’Unexpected token 'export'‘’
During my migration from vue2 to vue3, while running the application, I found an error line in the node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js file, which reads SyntaxError: ...
- 1
0
votes
1
answer
144
views
Getting error while creating a Vue app using Vue CLI and giving npm start
I am trying to create an app using **Vue CLI ** command -
npm create vue@latest
After npm isnstall i am trying to run my app using **npm run dev
** but getting below error. I would appreciate any ...
0
votes
1
answer
126
views
Deployment Failure on Heroku: Vue-CLI Build Errors
I am encountering persistent issues with deploying my Node.js application, which includes a Vue.js frontend, on Heroku. Despite multiple attempts and varying configurations, my builds consistently ...
- 3
0
votes
1
answer
73
views
Can I run vue-cli-service serve at non-root for testing purposes?
When I launch vue-cli-service serve for testing on my dev machine, it hosts my project at the root URL (i.e. "/") by default. I would like to launch vue-cli-service serve at a non-root path (...
- 7,711
0
votes
2
answers
919
views
Automatically import SCSS file for every Vue component
I trying do import globally an variables.scss file
my vue.config.js like the following:
module.exports = {
css: {
loaderOptions: {
scss: {
...
0
votes
0
answers
74
views
vue-cli-service build: compiled code throw error "SyntaxError: 30" on execute
I've a vue application with js/ts mix.
After running command vue-cli-service build the compiled (prod-)code in browser (Chrome) returns multiple errors with rare messages by runtime-core.esm-bundler....
- 399
0
votes
0
answers
300
views
Vue3 - Can't import the named export from nonEcmaScript module - error in node modules
I have the following error when I try to run Vue3 app, created with vue-cli:
I've tried this solutions https://github.com/vuejs/pinia/issues/675 and Can't import the named export XXXX from non ...
- 51
1
vote
3
answers
610
views
Vue-cli: Use template file other than index.html
I am running a Vue 3 application using the vue-cli-service (webpack, no vite yet).
Because I want to re-use some of the code for a separate application, I need to create a separate HTML tempate file (...
- 459
0
votes
1
answer
268
views
vue cli environment variables
In webpack, I was able to set environment variables in my package.json like so:
"scripts": {
"dev:visualise": "webpack serve --open --config webpack.dev.js --env entry=...
- 58.8k
1
vote
1
answer
724
views
Unable to create Vue app, got Error: you are using an outdated version of NPM, But I have the latest version
My environment:
I am using Ubuntu 22.04.3 Node Version: v18.18.2 NPM Version: 10.2.1 Vue version: @vue/cli 5.0.8
I used NVM to install Node.
Then I proceeded to check the version of npm, which was 9.x,...
- 45
0
votes
0
answers
44
views
Vue seems to "forget" Vuex States
I am working on an application with a login area.
There are three routes at the moment:
"/"
Landing page, accessible for every not-logged user
Component set in vue-router: TheIndex.vue
&...
- 1
0
votes
0
answers
114
views
Vue-Cli project build problems
I have a Vue project.
Screenshot
I want to start project with npm run serve, but project hang when start development server. It never progressing. Have any of you experienced this problem before? Can ...
0
votes
1
answer
140
views
Compilation Error Due to Incompatibility Between Prettier v3 and @vue/eslint-config-prettier v7.x
Updating prettier to version 3 has lead to the following error during the compilation:
> 1 | [object Promise]
| ^
2 | export { render, staticRenderFns }
at constructor (/xxx/node_modules/@...
- 105
0
votes
1
answer
279
views
vue cli build picks errors from bootstrap-vue-next
I am porting an application from vue 2 to vue 3 with composition api.
We were using bootstrap in the older app, and after some research I realized we should use bootstrap-vue-next for vue 3.
Now the ...
0
votes
1
answer
2k
views
Set up Vue and @vue/cli
I'm trying to create a Vue project. First installed @vue/cli with command:
PS D:\OpenServer\domains\vue3-example> npm install -g "@vue/cli"
Then tried to directly create a Vue project ...
3
votes
2
answers
3k
views
2023 August: Error: @vitejs/plugin-vue requires vue (>=3.2.13) or @vue/compiler-sfc to be present in the dependency tree
Context
I am migrating a project from Vue 2 to Vue 3. I fixed all the breaking changes and syntax, the app worked. Before removing the vue compat mode, I had to do one more step: replace a Vue-2-only ...
- 71
0
votes
0
answers
620
views
Create a VueJS frontend for an existing PHP backend
I've made an application in PHP, which is also accessible as REST API.
Now I want to create the frontend part in Vue.js.
I've got Visual Studio (not to be confused with VS code) installed and this is ...
- 1
1
vote
1
answer
2k
views
How to add an external configuration file in Vue + Vite app?
I'm trying to migrate my Vue 2 + Vue CLI project to Vue 3 with Vite. I'm wondering if it is possible to let to a Vite to read an external config file placed in public folder which store configuration ...
- 11
0
votes
1
answer
617
views
Vue 2 build with docker - sh: vue-cli-service: not found
I want to build a vue 2 app with docker, but got sh: vue-cli-service: not found error.
For serve, I have another docker files and everything there is fine, but in build I got this error!
Dockerfile
# ...
- 443
0
votes
1
answer
102
views
Vue CLI - Karma Unit Tests - Cannot resolve import aliases
In my jsconfig.json, I defined the following paths:
{
"compilerOptions": {
...
"paths": {
"@/*": ["src/*"].
"@unit/*": ["...
- 257
1
vote
0
answers
423
views
Does Vue 3 Disable Prefetch for Lazily-Loaded Routes
EDIT: My problem was that I had a typo in the way I was dynamically importing my component. I was incorrectly using:
const ShoppingCart = import(/* webpackPrefetch: true */'../cart/ShoppingCart.vue')
...
- 5,027
0
votes
1
answer
39
views
web component packaging Settings
How do I set the web component in vue.config.js and extract a separate section of iconfont.css when packaging
I run the
vue-cli-service build --target wc-async --name chat-ui src/views/Chat/Launcher....
0
votes
0
answers
405
views
Validation error when running `npm run serve`
I recently deleted my old node_modules folder in my project and after running npm run serve (vue-cli-service) I get this error:
ValidationError: Invalid configuration object. Webpack has been ...
- 11
7
votes
0
answers
2k
views
Switching from Vue CLI to Vite with Spring-Boot as backend, dev server not working as expected
There are several ways to integrate a Vue project into a Spring Boot project.
Using webpack based build tools (e.g. vue-cli) I've successfully done it several times in the following way:
configure ...
- 859
-1
votes
1
answer
1k
views
Error: EACCES: permission denied in project that created by Vue Cli
I get Error: EACCES: permission denied for each changes when I create a project with vue create command. I install Vue Cli with sudo npm install -g @vue/cli command.
my system information:
macbook m1
...
1
vote
0
answers
37
views
My vue cli shopping cart is not working as expected
I'm building a shopping cart in vue cli but is not working. I don't see the expected results. I'm just trying to add a product to cart but nothing happens and I don't know what I'm doing wrong.
Please ...
- 67
0
votes
0
answers
78
views
I keep getting errors when trying to serve a Vue.js app I created
Been trying to learn to code, and came up with a project to create a web app to capture images, resize, sort and save images to a google drive into sorted folders, to later be used to train an AI ...
- 1
0
votes
1
answer
48
views
I'm confused about the way of writing props in vuecli
So I'm building a shopping cart as practice and I don't understand why one way of writing the code works and the other one does not.
This is the code that works and it shows the products perfectly:
&...
- 67
0
votes
1
answer
281
views
.env file works for existing keys, but new ones I add are undefined
I have inherited a Vue app which uses axios. In the dataService.js, it grabs urls from a project .env file with process.env.FOO_BAR for get calls.
The key value pairs that existed already, like ...
- 7,229
1
vote
1
answer
164
views
Infinite loader issue on Vue + NGINX deployment on AKS
I have deployed a Vue-CLI Frontend on AKS.
When I run my app in Dev mode using npm run serve on AKS, it runs as intended and serves all the requests.
However, when I deploy a Production build, using ...
- 707
1
vote
0
answers
104
views
Using ESLint with autofix setting in vue creates endless compiling loop?
This is my vue.config.js
const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
chainWebpack: config => {
config
.plugin('eslint')
.tap(args =&...
- 523
0
votes
1
answer
596
views
Is there a way to rewrite all url's in .htaccess to index.html but existing folders? as I use Vue-Router
I built a VUE CLI Web App Containing Vue-Router and so I should rewrite all requests to index.html file like this:
RewriteEngine On
RewriteRule ^(.*)$ ./index.html [L]
But there is a problem that ...
- 112
0
votes
0
answers
133
views
Composition Api is not work in node_modules when i used in my vue2.7 project created by @vue/cli
Environment info
package.json
// vue.config.js
const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
transpileDependencies: true
})
Steps to reproduce
create vue2.7 ...
- 1
2
votes
1
answer
1k
views
how to fix A system error occurred: uv_os_gethostname returned ENOSYS in node installing vue cli
I am using windows 7 as well and installed npm 9.2.0 and nodev16.16.0 now when I try to install vue cli and try to check version of the vue cli it is uncounted following error message
Microsoft ...
- 423