1,365 questions
0
votes
0
answers
8
views
In Laravel-Mix V6 How Can I Display SASS @Warn Messages in the Console?
I am using Laravel-Mix version 6 in a project and I would like to be able to display SCSS @warn output in the console for debugging and troubleshooting. By default it, these messages are suppressed.
/...
- 3,495
0
votes
0
answers
25
views
Large Production Build File Size in Laravel 6 (Mix) with Vue.js 2
I'm using Laravel 6 (Mix) and Vue.js 2 for my project. When I run the yarn prod command on the server, it generates a large production file, which significantly increases the load time of the website.
...
- 217
-1
votes
1
answer
39
views
npm run production stops at 43 percent
I'm working on this codebase that's using laravel mix and laravel 10.
npm run dev, development, watch and even hot are all running fine but npm run production stops at 43%.
I've tried all the ...
- 19
1
vote
1
answer
491
views
npm error: TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received an instance of Object
I got this error after npm run dev
TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received an instance of Object
at new NodeError (node:internal/errors:387:...
0
votes
0
answers
41
views
How to bundle multiple files into one minified in Vite
Trying to migrate existing Webpack mix configuration to Vite:
mix
// CSS
.styles([
'resources/plugins/bootstrap/css/bootstrap.min.css',
'resources/css/app.css',
'...
- 161
0
votes
0
answers
68
views
Why is my Webpack nonce only applied to the first style tag and not all styles in the document?
I’m working with both a basic Webpack setup and a Laravel Mix project that includes React. I’m trying to apply a nonce attribute to all tags to comply with my Content Security Policy (CSP), but I’m ...
- 339
0
votes
1
answer
36
views
Webpack 4 - Cannot execute npm run watch command - Error: error:0308010C:digital envelope routines::unsupported
I'm no expert of Webpack with Laravel Mix. I'm working on an very old project with Webpack 4 and Laravel Mix. I know the best solution would be to upgrade all packages, but actually I want to get the ...
- 3,917
0
votes
0
answers
58
views
I'm encountering difficulties compiling my Vue.js project due to memory constraints when running npm run production or npm run watch
I have recently encountered challenges in compiling my project, which uses Laravel for the backend and Vue.js for the frontend. When running the npm run watch and npm run production commands, the ...
- 51
0
votes
0
answers
69
views
Can't see any change after updateing Vue component inside Laravel Nova project
I am having issue I wasn't able to fix with googleing or stackoverflowing and its super strange one. It could easily be lack of knowledge on my side so have mercy.
I have made an application recently ...
- 132
0
votes
0
answers
123
views
Laravel vite: import files convert to seperate files instead of bundle to one file
I used vite for my laravel project.
Problem is if I have a js file that import another file like this:
import axios from "axios"
Or
import {hide, show, validateInput} from './utils';
Vite ...
- 443
0
votes
0
answers
39
views
webpack.mix laravel-mix-purgecss own separate css for each landing page
Each storage directory has a folder with a landing page, which has its own css and index.html
You need to go through the directory with landing pages and process it through PurgeCSS to remove unused ...
0
votes
0
answers
77
views
Use JavaScript-Class in Script-Tag
I have a Laravel application with Blade templates and script tags.
I try to import a javascript class, but I get the error message:
Uncaught SyntaxError: Cannot use import statement outside a module
...
- 2,783
0
votes
1
answer
170
views
Webpack error when trying to run laravel-mix watch
I have the latest version of the laravel-mix, webpack as well as the rest of the dependencies in my project. Im using Mac M3 chip as my local machin and when I try to run "npm run watch", &...
- 1,404
0
votes
0
answers
124
views
How to exclude some vuejs components from being compiled with webpack?
I currently have a Laravel and Vuejs application in which I run the following commands when I need the build:
npm run dev
npm run watch
npm run production
It turns out that I compile everything found ...
- 785
-1
votes
1
answer
120
views
Mix watch does not update vue router files
I have an application which has the following configuration. Symfony (with laravel-mix) + Vue + Vue Router.
The problem: Webpack cannot find the changes applied in my Vue files which are loaded in the ...
- 111
0
votes
1
answer
64
views
Problem Moving Public Folder When Using Laravel Mix: I Get 404 Error
When running a project using Laravel Mix, I get a 404 and cannot access the pages.
I did composer install
I didn't create the project, it had a structure like this before.
main
-core
-app
-routes
...
- 19
0
votes
1
answer
54
views
Passing props when rendering using h() with children on php laravel-mix
I have case for vuejs component that need to be rendered using php with laravel-mix. Its accepting role props
export default {
name: 'ComponentOne',
props: {
role: [Number],
},
methods: {
...
0
votes
0
answers
53
views
Prevent webpack/Laravel mix from transforming promises/async to _asyncToGenerator functions
I'm using Laravel-mix/webpack to generate my JS code, but it generates _asyncToGenerator, although my system/browsers support async functions out of the box.
What do I do to prevent the codding from ...
0
votes
0
answers
40
views
When setting up a project which uses laravel mix when running mix watch I get the same issue telling me to install sass loader over and over
npm run watch
[email protected] watch
mix watch
Additional dependencies must be installed. This will only take a moment.
Running: npm install sass-loader@^12.1.0 sass --save-...
0
votes
1
answer
128
views
Multiple 'You are running Vue in development mode.' & $attrs is readonly. / $listeners is readonly
Odd one here relating to Vue 2, I've had this issue once or twice before and solved it by finding the culprit that was importing the other instance/version of Vue to remove the $attrs/$listeners ...
0
votes
0
answers
122
views
How to configure Laravel Mix to access a site in my local network?
I have a Laravel/React project that I'm running with Valet in my main computer at https://mysite.test and I followed the docs to share it in my local network.
On the same network, I can access it at ...
- 31
-1
votes
1
answer
384
views
Issue with rendering a component in Laravel Nova after updating dependencies
Hello Stack Overflow community!
I'm facing an issue with rendering a component in Laravel Nova after updating dependencies in the project. When trying to open the component in Laravel Nova, I get an ...
0
votes
1
answer
56
views
Issue with vue when running npm prod
Site works fine on local and dev server when using npm run watch-poll, however after using npm run prod, my site just displays a blank page and gives the following output in console:
Uncaught ...
- 197
0
votes
1
answer
68
views
Laravel Mix Vue Page showing Blank
When I am running npm run dev or npm run production, I am getting an error that the Vue file does not have loaders defined.
I resolved this by using this resouce:
Compillation problem of extensions in ...
- 21
0
votes
1
answer
326
views
TypeError: Cannot read properties of undefined (reading 'scripts')
I use node v20.9.0, npm v10.1.0
When I running npm run watch throws the following error:
[webpack-cli] TypeError: Cannot read properties of undefined (reading 'scripts')
at Object. (c:\OSPanel\...
- 13
-1
votes
2
answers
2k
views
how to use Laravel-mix in laravel 10
cant seem to configur the laravel-mix package.
Hey,I want to use the laravel-mix package in laravel 10, but i cant seem to configur it properly because when i run npx mix i keep getting a error that ...
- 23
0
votes
1
answer
110
views
Config laravel mix to build specific vue app when component files change
My Laravel project with multiple Vue.js applications. The project directory structure is as follows:
├── public
│ ├── js
│ │ ├── app_the_first.js
│ │ ├── app_the_second.js
├── resources
│ ├...
- 3
0
votes
1
answer
47
views
Laravel Mix Watch status loader works intermittently
When watching a project with laravel mix, "npm run watch", it used to show the green status bar all the time. This was nice as when I hit save, it would quickly recompile just that one ...
- 727
-1
votes
1
answer
636
views
Laravel Forge - "killed" - npm verb exit 137 - dying on Laravel Mix
I recently updated the versions of Node and NPM on my server on Forge from Node v14.19.0 to v18.17.1 and NPM v.6.14.16 to v9.6.7. I have also updated my dependencies. Not sure if this is relevant, but ...
- 5,148
1
vote
0
answers
2k
views
install vite on laravel 8
I want to install Vite in my Laravel 8 project. What should I do to migrate from Laravel Mix to Vite?
I have followed another tutorial on the web, but it didn't work for me
Install Vite and the ...
- 11
0
votes
0
answers
292
views
The Mix manifest does not exist. Not appear folder and files in the `public` folder
I downloaded the laravel(8.75) project from git and am trying to run it on a local server
I made:
npm install
npm install laravel-mix@latest
npm ci
npm run dev
The js, css folders and json should ...
- 31
0
votes
1
answer
611
views
Laravel Mix + Typescript tsconfig.json Alias to resources/js configuration not working
I have a Laravel 8 Project where i am using typescript. I am unable to get the alias to the root of resources.js working. Here are the errors i am getting :
ERROR in ./resources/js/components/...
- 774
1
vote
0
answers
98
views
Passing in variables with Laravel Mix and PostCSS
I have a project using Laravel Mix and Sass where I can pass in variables to be used in the scss files like this:
.sass('app/styles/app.scss', `${distPath}/app.css`, {
includePaths: ['node_modules'...
- 1,711
4
votes
1
answer
780
views
How to convert laravel mix webpack config into bun bundler
const mix = require('laravel-mix');
mix
.alias({
'@app1': './resources/app1/src',
'@app2': './resources/app2/src',
});
mix
.ts('resources/app1/src/index.tsx', 'js/app1.js')
.ts('...
- 1,475
1
vote
0
answers
39
views
Laravel Mix: How can I concat PostCss task with a separate sass task?
My first task takes my SCSS entry file.
// Compile SCSS
mix.sass('src/scss/main.scss', 'dist/css/sass-compiled.css');
My second takes my PostCss file for TailwindCSS.
// Compile PostCSS
mix.postCss(&...
- 148
0
votes
0
answers
206
views
I have a problem Uncaught TypeError: Cannot set properties of undefined (setting 'magnificPopup')
I have a problem Uncaught TypeError: Cannot set properties of undefined (setting 'magnificPopup'). I use Laravel mix and jquery v3.7.0
this is my code
app.js
import $ from 'jquery';
window.jQuery = ...
0
votes
1
answer
563
views
When I use @import everything works fine, but @use gives an error when compiling?
I've followed a tutorial on using scss with laravel mix, and all seemed to work fine when compiling until I changed @import to @use. I keep getting the following error:
Below I've placed several ...
- 51
0
votes
1
answer
801
views
Laravel x Hostinger SCSS not loading when deployed
I've been developing a web app in Laravel. I've recently wanted to deploy a preview in the production server so I uploaded the files to the hostinger but the scss did not load nor the routing to my ...
0
votes
0
answers
81
views
In React Laravel Mix App, Page titles not reflecting from React component when tested with SEO tools
I have a React application built using Laravel Mix, where I set page titles dynamically using React Helmet on component itself but when I test my application's SEO using external websites & tools,...
0
votes
0
answers
212
views
Laravel mix in production requires users to refresh to pull latest build
We are using laravel mix (laravel 9) with vuetify 2 (vue 2) in a production environment hosted in ECS.
Our builds etc and deploy just fine, but our user base need to either refresh their browser, or ...
0
votes
0
answers
118
views
How to get rid of Laravel mix blank screen
I'm getting a blank screen after moving a laravel 8 mix working project from CentOs 8 to my windows 10 local xampp server.
I used to get 500 error but after doing the following steps, I'm now getting ...
0
votes
1
answer
517
views
Javascript variable is not defined even though it is
I am running a Laravel project and defined an object wmDefaults at the top of the app.js file like this:
var wmDefaults = {
elemClass:'waitMe',
effect : 'bounce',
text : '',
bg : 'rgba(...
- 10.8k
4
votes
1
answer
4k
views
Unable to resolve Mixin error "$color: var(--bs-body-bg) is not a color", that has never occurred before
I ran the "npm run production" command as usual.
But now I keep getting this error and I can't solve it.
I didn't make any changes to assets (css, scss) only in controlers some code ...
- 133
0
votes
1
answer
264
views
Trying to globally register components automatically in Vue using Laravel-Mix and Webpack-Mix
Previously when working on projects using Vue (based in a Laravel-Mix/Webpack runtime environment) I would register components and views individually as needed using imports and Vue.extend:
import ...
- 143
1
vote
0
answers
205
views
Modular Laravel-Vue.js App with manifests for each module
I apologize if the title is appropriate for the content of the question. I have a Laravel-Vue3 project.
My project is structured as follows:
resources/js: here is main bundle, holding vue.js and some ...
- 623
1
vote
0
answers
209
views
My Vue 2 Vite does not recognize my subdomain 'foo.example.st' in the Request URL
My app with subdomain is a dockerized Laravel application and I want to "reference" it in a new dockerzied vite Vue 2 application, so I've doing the following in the vite.config.js:
I've ...
- 59
1
vote
0
answers
2k
views
Module not found even package path has the file
I've installed vue-tel-input package while importing css it causes the error mentioned below, even I've checked the file is there in the node_modules folder.
ERROR in ./resources/js/app.js 32:0-46
...
- 928
0
votes
1
answer
553
views
VueCompilerError: Illegal tag name. Use '<' to print '<'
I am migrating a Vue 2 app to Vue 3, and using [email protected] with vue/[email protected] with compatConfig MODE=2.
The following error appear.
ERROR in ./resources/src/views/app/pages/transfers/edit_transfer....
- 21
1
vote
0
answers
358
views
Laravel mix compilation very slow in Docker container
Whenever I run,
docker-compose run --rm npm run production
Laravel mix takes around 15 minutes to complete the build. I suspect this is due to inherent slowness of Docker Desktop for Windows - I say ...
- 329
0
votes
0
answers
316
views
Laravel mix not loading tailwind
I'm following this tutorial in setting up tailwind with laravel mix: https://tailwindcss.com/docs/guides/laravel#mix
I've done all the steps.
Here's my tailwind.config.js contents:
/** @type {import('...
- 3,921