All Questions
136 questions
0
votes
0
answers
66
views
When Register Component twice with same tage name globally, Then Component not rendered when webpack production build
I register componentA globally using Vue.component ( name is 'componentA' );
And create new componentB this way
<script>
// componentB.vue
import componentA from './componentA.vue';
export ...
- 21
1
vote
0
answers
418
views
Vue template inlining results in typescript errors not shown by Volar/vue-tsc
I'm using Vue 3 + typescript + webpack with SFCs using . I noticed that although my application runs fine using the webpack dev server, when I run a production build I get a lot of mysterious errors ...
- 145
1
vote
0
answers
330
views
Vue router not routing with URL paths
So I'm working with Vue 3 and Vue Router 4 and I'm having an issue when running my code with webpack-dev-server. Whenever I run my app webpack-dev-server --mode development the landing page looks ...
- 11
1
vote
1
answer
545
views
Use env variable in VueJS SPA components at runtime?
I'm building a simple SPA with VueJs and Webpack, and would like to use/access env variables from my VueJS components.
I know I will not be able to change those variables "on the fly" but ...
- 2,994
0
votes
0
answers
319
views
vuejs 3: not rendered template from sfc component
I have one project with webpack and i want to add vue to this.
Vue work (function via mounted() show console.log), but i can't render template from sfc component.
Not errors in console.
This trouble ...
0
votes
0
answers
42
views
Pass prop in img src in template
In my component, I am trying to pass a dynamic string prop to the image src
<template>
<div class="flex flex-column col-12 md:col-6 xl:col-4 surface-card p-4 border-round border-bg text-...
- 677
-1
votes
1
answer
708
views
Vue3 Component doesn't render in production when using v-bind:href require()
Everything works fine when developing but once I export for production 1 component doesn't render and instead gets replaced by <!--->
After some debugging, I discovered that this happens because ...
1
vote
1
answer
193
views
import vuejs router component with webpack
In vuejs, when I import a component in the router as such: import('@/layout') it works fine and as expected. If one had to stringify the outcome, it would look like this:
function ()
{
return ...
- 124
4
votes
2
answers
7k
views
Vue 3: defineAsyncComponent not resolving .vue files and not splitting chunks
I'm trying to load Vue 3 components in a asynchronous way. I've found that there is a function called
defineAsyncComponent
which is supposed to be used as follows:
const GameUI = defineAsyncComponent(...
- 1,074
0
votes
0
answers
290
views
Vue - Webpack - Force scss @import to be chunked in to a shared file?
I'm currently experiencing a pattern where in Vue I have this in a number of different components. What I'm finding is that webpack is then going ahead and including the contents of src/assets/styles/...
- 745
1
vote
1
answer
141
views
Multiple webpack bundles, one vuex store
I have vue project which has multiple webpack bundles. However one page could have multiple bundles present with multiple components hence in order for them to share the same store - we need a single ...
- 404
5
votes
2
answers
7k
views
This dependency was not found: *swiper/vue how to fix?
I'm scratching my head because I ran npm i swiper and read through the Swiper Vue docs and it says to import { Swiper, SwiperSlide } from 'swiper/vue which I've done and I even get the bundle size ...
- 129
0
votes
0
answers
780
views
Gitlab pipeline failed - These dependencies were not found
I had trouble running build in gitlab CI/CD - the .md import were not found.
I raw-loader to load the .md file in vue component.
ERROR Failed to compile with 3 errors2:48:13 PM
These dependencies ...
- 149
0
votes
1
answer
387
views
How do I edit vue-loader to support audio files?
this is my first question here so please let me know if you need more info.
I am working on a small project using vue CLI 3 and I want to add audio and audio controls but I get the following error:
...
1
vote
0
answers
834
views
Getting net::ERR_CONTENT_LENGTH_MISMATCH 200 (OK) when running Vue project
I have the following problem, my vue project used to run properly and not out of the blue it is giving me the error
net:: ERR_CONTENT_LENGTH_MISMATCH 200 (OK) for the chunk-vendors.js file in my ...
