Questions tagged [vue-cli]
Vue CLI is the official tooling for bootstrapping and maintaining your Vue projects. Offering a feature rich and extensible platform for using (or developing your own) plugins and preset in zero-configuration fashion, as well as future-proofing the upgradebility of your project and tooling configurations.
1,351
questions
0
votes
1answer
14 views
Vuejs didn't install basic html files and folders after creating new Project
please I'm new to Vuejs and after installing Vuejs/CLI i created a new project with vue create test then i prompt me to choose between three options which are
> Default ([Vue 2] babel, eslint)
...
2
votes
1answer
14 views
How to set the configuration of mini-css-extract-plugin in vue.config.js generated by vue-cli
I have a fairly large Vue project that was initially created with vue-cli. I'm getting the infamous "couldn't fulfill desired order of chunk group(s)" warning when building. After much ...
0
votes
0answers
13 views
How can i deploy vuejs app with capistrano?
I try to deploy my vuejs app with capistrano. I try with an other method (a ruby script) but I don't understand how it's work. On my Scaleway I deploy the Dist folder but what must i doing for lunch ...
2
votes
1answer
18 views
vue.config.js [transpileDependencies] is not work
I created a vue(2.x) project with vue-cli.
And I use the @splidejs/vue-splide npm module in this project.
This project must support up to IE10...
The @splidejs/vue-splide module did not work in IE, so ...
0
votes
1answer
15 views
How to limit the content length of the text editor
I am using vue3 and vue3-editor(https://www.npmjs.com/package/vue3-editor)
and I think I should limit the length of content so what i did is 1image
/**What i did */
if (this.quill.getLength() &...
0
votes
0answers
21 views
vue - set charset attribute in link to builded css
I use a Webserver from my company who sends files with his own encoding.
So I have to tell the vue app to use charset="utf-8" for the css file.
The output of the build process is <link ...
0
votes
0answers
26 views
Is it possible to use Live Sass Compiler in vue cli?
I want to use live sass compiler with vue cli. Can't seem to figure out how to create a css file to see the changes. My settings.json:
"liveSassCompile.settings.formats": [
{
...
0
votes
0answers
25 views
Disable all Webpack rules and use file-loader for specific folder
I'm trying to tell Webpack that for a specific folder in my project I want it to just pack all the files in there to be consumed by an url that will be passed to a 3rd party library which download ...
-1
votes
0answers
33 views
the problem in running vue project (vue-cli) [closed]
I am a beginner developer in vue. But when I run the server by cli, there is a problem.
Failed to resolve loader: sass-loader
You may need to install it.
Error from chokidar (C:\): Error: EBUSY: ...
0
votes
0answers
8 views
vue-cli load .js module in a TypeScript project
I have a TypeScript/Vue project set up with @vue/cli 4.5.11, I'm trying to load a 3rd party JS library into my project @pitcher/vue-sdk, this package has no *.d.ts definitions for it that I can find - ...
0
votes
0answers
12 views
Electron app.getLoginItemSettings dont work in main process
I have app that pretend to autolaunch on windows startup and find that it can be done by app.setLoginItemSettings and that create startup task but app.getLoginItemSettings return false.
My code in ...
0
votes
1answer
13 views
Axios doesn't seem to be working when bundled with electron, how can I troubleshoot a compiled exe with electron?
I have a VUE JS app that I have created that consumes the News api endpoint:
import axios from "axios";
let baseURL = `https://newsapi.org/v2`;
let apiKey = process.env.VUE_APP_APIKEY;
const ...
0
votes
0answers
7 views
electron js inspect main process with chrome inspector (vue-cli, electron)
I have an electron project based on vue js using vue-cli.
After running my electron app by electron:serve (vue-cli-service electron:serve),
app runs successfully. chrome devtools debugs renderer ...
8
votes
2answers
200 views
Auto-load a chunk in entry point
Webpack configuration is a part of Vue CLI setup (can be checked with vue inspect). This is a relevant part of it:
entry: {
foo: [
'.../src/foo.js'
],
barWidget: [
'.../src/...
0
votes
0answers
6 views
import global vars stylus vue-cli
Im using webpack, but now im trying to use vue-cli. And i have a problem.
module.exports = {
css: {
extract: false,
loaderOptions: {
stylus: {
use: [require("nib")()],...
-1
votes
1answer
34 views
vite dev server execute middleware before all other middleware
With vue-cli it was possible to configure webpack devServer.before function like this:
devServer: {
before(app) {
app.get('/apiUrl', (req, res) => res.send(process.env.API_URL))
}
},...
0
votes
0answers
8 views
Vue CLI exclude js file from bundle
I have vue cli project. I want to exclude js files inside spesific folder using exclude rules, but not working.
Bundle file still have js code that i want to exclude.
I want exclude *.js files inside ...
0
votes
0answers
26 views
Vue observable array lost on page refresh
I have a vue 2 project made with vue-cli. I'm trying to create a reactive array with vue observable like this:
STORE.JS
import Vue from 'vue';
export default Vue.observable({
user_data: [],
});
So ...
0
votes
0answers
12 views
Vue 3 : Generate dts file for target lib [duplicate]
I'm building a component library using vue-cli-service build --target lib --name mLib src/main.ts".
I'm trying to import it into my Vue 3 app but the compiler yells Could not find a declaration ...
0
votes
0answers
41 views
Include External css and js file issue in vue cli
I am beginner in vue js. I am using cli 4.5.12 . I want to include external css and js file in component (location is /src/components/BodyContents.vue) And my sources files(css, js) location is /src/...
0
votes
1answer
14 views
Using Prettier to enforce Vue Style Guide
I'm trying to implement the Vue Style Guide for my company's repo. I installed the linter using vue-cli and was asked which formatter I should use so I selected Prettier and I wanted it formatted on ...
0
votes
0answers
25 views
how to initialize bootstrap tooltip everywhere in vue js
I tried to initialize bootstrap tooltip in vue cli globally.
so I placed this lines of code in App.vue 'mounted hook':
let tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle=...
0
votes
0answers
17 views
vue.js / webpack: Output compiled CSS files in specific dist folders
I'm building a components library that integrates a SASS 'API' for themes building and a default theme.
I want my API files and the default theme files to be copied to dist folder when building, in ...
1
vote
1answer
98 views
Vue CLI Module Federation is component is not found in the Host App
im implementing Module Federation in two Vue CLI Projects
Container App at: http://localhost:8082/
Component App at: http://localhost:8083/
I set up the ModuleFederation plugin in both apps, dont ...
0
votes
1answer
34 views
vue plugin pwa sw.js not found
I have 1 app using the vue pwa plugin, it works great.
The vuejs config for the app looks like this:
const WebpackNotifierPlugin = require('webpack-notifier')
module.exports = {
lintOnSave: false,
...
0
votes
0answers
30 views
Build Vuejs Tailwindcss backgroundImage
When I'm building my VueJS app using CLI and tailwindcss, my backgroundImage part of tailwind.config.js doesn't work.
Here's my code :
const plugin = require('tailwindcss/plugin')
module.exports = {
.....
0
votes
0answers
50 views
How to migrate webpack style loader config to “vue.config.js”?
My part of old webpack config is follows,
module: {
rules: [
...
{
test: /\.css$/,
exclude: /\.lazy\.css$/,
use: [
{
loader: 'vue-style-loader'
},
{
...
0
votes
1answer
45 views
Importing external JavaScript file in VueJS
I'm using the Vue CLI and I want to import a JavaScript file that is hosted on another server. With everything I tried I get the same error as shown below.
How can I solve this problem? How can I ...
0
votes
1answer
45 views
Unable to create a vue-web-extension from vue-cli
Currently, I am modifying a chrome extension I have built to adding a popup page that is developed in Vue. I am using this tutorial, https://www.streaver.com/blog/posts/create-web-extension-vue.html.
...
0
votes
0answers
12 views
Vue CLI with PWA preset and homestead not working offline
I created a project via Vue CLI and loading the dist folder via homestead for Laravel as per below
- map: app.test
to: /home/vagrant/code/app/dist
My Vue project has the following ...
0
votes
0answers
18 views
Url error from PWA config between Vue CLI 3 and Laravel
I have a project combining vue cli (using vue 2) and laravel 7 with a vue.config.js as per below
module.exports = {
devServer: {
open: true,
overlay: true,
proxy: 'https://myapp.test'
}...
1
vote
0answers
52 views
vuejs with multiple pages
I would like to create a project that builds multiple pages with different style files and js files.
for example variant1 has variant1.css and each html is consist of different combination of ...
0
votes
0answers
21 views
Why is Swiper not working for me in VUEJS?
Hi I am trying to use Swiper in vue cli but it does not work for me.
I'm reading the official documentation and it doesn't seem like anything is wrong, I tried copying and pasting and it didn't work ...
0
votes
0answers
18 views
Environment variables not working on VueCLI and CapRover
I'm migrating my apps from Heroku to my own VPS, and in a attempt of making my life easier, i'm using CapRover as my PAAS manager, to make a more "Heroku like" interface. All my node backend ...
1
vote
1answer
31 views
Vue quaser production build “A web page is slowing down your browser”
I'm building a web application with Vue and Quaser. My development environment works fine and everything loads as it should. I serve the development like any other:
npm run serve
However, on a build, ...
1
vote
1answer
22 views
Vue Router doesn't preserve URLs entered into the address bar
So I've got a Vue Router running in history mode. It works perfectly when clicking <router-links>, but I can't get address bar navigations to 'stick'. The address always reverts back to the ...
1
vote
1answer
47 views
Vue - failed to compile tiptap.esm.js
I'm new to npm and I'm trying to use tiptap in my project. The problem is that after I try to import tiptap, it raises error. This is what I did:
sudo npm install -g vue-cli
vue init webpack frontend
...
0
votes
0answers
9 views
Disable transpiling to ES5 in Vue-CLI app while debugging
I have a Vue CLI app that, out of the box, uses babel to transpile to ES5. Sometimes this causes issues while debugging (because the code I'm looking at through a sourcemap is not quite the code that ...
1
vote
1answer
137 views
Vue create “projectName” ERR_SOCKET_TIMEOUT - fails all the time no matter what - taobao
I am getting a bit confused about what’s been happening to me recently.
Whenever I want to create a new vue project, it fails with:
Vue CLI v4.5.11
✨ Creating project in /home/admin/Documents/dev/...
2
votes
0answers
24 views
Async lifecycle function in Vue Test Utils
When I tried to test the component which has mounted method like this:
mounted(){
this.search()
}
methods:{
async search(){
try{
await axios.something
console.log("not ...
0
votes
1answer
41 views
@Options keyword in Vue 3 app generated by Vue CLI
In Vue3 documentation, @Options keyword is nowhere explained. But it is used, as shown below, in the getting-started CLI project. Even though its purpose can be guessed, can anyone please explain ...
2
votes
0answers
43 views
Debugging Vue 3 with Vue CLI V4
I'm using Vue 3 and I want to debug the standard Vue demo using VS Code (Chrome Extension Debugger).
My vue.config.js looks like this:
module.exports = {
configureWebpack: {
devtool: '...
1
vote
1answer
37 views
Vue manually mounting & remounting components
I have the following stripped down code that dynamically mounts components from a dropdown list:
<template>
<v-app>
<v-container>
<v-layout>
<v-select ...
1
vote
0answers
39 views
In a Vue CLI app, how can I find which dependency causes a syntax error in IE11?
In a Vue.js 3 project, I'm getting the following error in Internet Explorer 11:
SCRIPT1002: Syntax error
File: chunk-vendors.js, Line: 2712, Column: 1
This is apparently due to one (or more) of my ...
2
votes
1answer
70 views
Vue 3 + Typescript emit function “No overload matches this call” even if the function name is defined. It looks like order matters
I found a weird error message in Vue 3 emit function when i use it with TypeScript.
example code to reproduce:
export default defineComponent({
emits: {
emit1: (payload: number) => payload,
...
0
votes
1answer
22 views
Vue.js - Why should I put images on /assets instead of putting them directly in /public
When I use the @vue/cli to create a vuejs project, I see that there is a folder /assets that contains images and whatever I want. Than they can be referenced in the html such as <img src="@/...
0
votes
0answers
21 views
GitHub Action: Deploy output of vue-cli-service build to Azure App Service
I'm using a GitHub action to deploy to Azure App Service, and, although the npm build succeeds, I cannot figure out how to get the output of that build to be deployed along with the output of the .NET ...
0
votes
0answers
29 views
How to fix the problem when installing @vue/cli-plugin-unit-jest?
First i installed npm and vue from the official site and npm worked well when installing other packages like cli-service and cli-eslint. but cli-plugin-unit-jest just failed.
i use the following ...
0
votes
0answers
13 views
Vue: Separate Builds
I'm working on a Vue app. Until now, we add one build version for one web application. We want to create a new application, which will be quite similar to the first one, i.e., a lot of components and ...
0
votes
1answer
100 views
Webpack dev server sockjs-node returns 404 error
I am running a simple Vue app with webpack that I created with the vue-cli. When I run the dev server wtih npm run serve, it shows several errors in the client console when using sockjs-node. I ...