Working locally on new Laravel 7 setup which is an upgrade of our Laravel 6 setup. Did a npm install post removal of node_modules directory + cache removal npm cache clear --force as well as composer install But now when I run npm run dev I get an er...

i'm created simple laravel project with this Laravel-Vue SPA starter project template and im uploaded this project to ubuntu server. all settings corect but i run this project returns this error "The Mix manifest does not exist. (View: /var/www/...

I just install a new laravel project ( laravel and PHP 8) laravel new laravue Then I install laravel/ui after the package installed I run npm install && npm run dev I got this error: development > cross-env NODE_ENV=development node_modul...

ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js): SassError: Can't find stylesheet to import. @import "~compass/css3"; I already installed compass and compass-mixins. npm i compass and ``` npm i compass-...

esbuild doesn't support import code for vue Following code works for Laravel Mix, but it doesn't work for esbuild import Upload from '../vue/upload' import Hours from '../vue/hours'...

I am using Laravel 5.8. It takes around 60-90 seconds to compile after a change. It's impossible to work like that. In a react project (create-react-app) it usually takes no more than 10 seconds....

esbuild is is much faster than Laravel Mix. Does anyone know how to convert following settings to esbuild similar to Laravel Mix as much as possible. I need two commands: prod and watch .js(vueJS + 'app1.js', target) .js(vueJS + 'app2.js', target) .j...

Hello there, I am using webpack/laravel-mix to bundle my JS-components. webpack.mix.js const {EnvironmentPlugin} = require ('webpack'); const mix = require ('laravel-mix'); const glob = require ('glob'); const path = require ('path'); const {CleanWeb...

I put this in Mix though I have no idea what's actually happening. I just got a new Macbook so I thought I'd set up Valet and give it a twirl. I have an app with custom Tailwind fonts like so: const defaultTheme = require('tailwindcss/defaultTheme')...

Greetings, I am trying to render Quill js delta stored in the database in PHP with the help of https://github.com/nadar/quill-delta-parser/blob/master/README.md The package is downloaded in Vendor. But I am unable to use it. Can you please throw some...

Hi, I have this setup: webpack.mix.js mix.js('resources/js/app.js', 'public/js') .sass('resources/sass/app.scss', 'public/css') .styles(['resources/css/responsive.css'], 'public/css/responsive.css') .styles(['resources/css/custom.css'], '...

I followed the upgrade instructions on tailwindcss docs but after installing PostCSS 7 compatibility build I get this error when I run npm run development -- --watch error in ./resources/css/app.css Module build failed (from ./node_modules/css-loa...

Hello all, I have a question about Laravel mix and vue. in my app.js I have all my components declared as: Vue.component('signup-component', () => import('./components/SignupComponent.vue')); Vue.component('login-component', () => import('./com...

I'm trying to install Tailwind, but so far I haven't succeeded to build my assets as it keeps failing: ERROR in ./resources/css/tailwind.css Module build failed (from ./node_modules/css-loader/index.js): ModuleBuildError: Module build failed (from ./...

Hi everyone! I just started to use fresh Laravel 8.x with OOTB Mix Asset Management and tailwind. The problem has been happen when I tried to compile additional .scss resources with sass(). With .css files as I thought no any problems. Error exists i...

I just noticed that in create-react-app, it warns you about unused keywords and imports in your React code. But with Laravel mix it doesn't do this. I'm using the react scaffold that comes with Laravel. Any ideas how can I accomplish this with Larave...

For example, i have a component and i use this code to render the component: Vue.component('sidebar', require('./components/Sidebar').default); but if i remove the ".default" like that: Vue.component('sidebar', require('./components/Sideba...

Hello everyone and thank you in advance for your help. I have a Laravel 7 project that I will have to integrate ReactJS into. In fact, in order for my project to display correctly, I have to disable laravel-mix, otherwise the CSS is not loaded (as th...

I'm using a Mix 6.0.0-beta.14 with Vue 3 (no Laravel involved here). I've got a very basic app.js file: // app.js import { createApp } from "vue" createApp({ render: (h) => { return h('div', {}) } }).mount('#app') which I run...

Module parse failed: Unexpected token (1:0) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders | | @ ./resources/js/Pages lazy ^./...

I set up 2 simple pusher channel apps, 1 for dev and 1 for production. .env PUSHER_APP_ID=pusher_app_id PUSHER_APP_KEY=pusher_app_key PUSHER_APP_SECRET=pusher_app_secret PUSHER_APP_CLUSTER=pusher_app_cluster MIX_PUSHER_APP_KEY="${PUSHER_APP_KEY...

I see my js file already >700KB when compiling in production mode (in dev mode 2MB). I think it's still big, I'm wondering if I'm not doing it correctly because when I see the compiled app.js, it is not somewhat obfuscated or compressed, for examp...

Post deleted(Sorry no delete nor "Best answer" button in the form)....

Currently we have a rather complicated gulp task for managing all of our requirements for our css. we use a customized rendering through sass we autoprefix to a custom browser-list we then apply several postcss plugins to our code. we leverage pos...

Hello there ! Hope you are doing well ! My problem is fairly simple but I'm too noob to handle it properly. I'm using laravel mix and npm run watch to build my css. The build is good (no error displayed, css update occur), then the watch stop watchin...

Hello, I am create my apps locally and upload them to my production server. When running: npm run dev I need my mix local paths When running npm run production I need my mix_url path to be added. At the moment, whatever I run always add the mix_url...

I've included multiple stylesheets into my app.scss but the laravel mix is giving me a long error which I don't understand. all was working fine when there was only the first import (the bootstrap) but after i added the other stylesheets all broke do...

React 16.2.0 CSS Modules can not operate properly with Laravel Mix (4.1.4) // webpack.mix.js const mix = require('laravel-mix'); let rules = [ { test: /\.ico$/, loaders: ['file-loader'] } ]; mix.react('resources/js/app.js',...

Hi Guys, Only just started using mix recently. I'm trying to concatenate multiple SASS files into a single file, app.css. I'm receiving an error as follows: AssertionError [ERR_ASSERTION]: mix.sass() is missing required parameter 1: src This is the c...

Hello, I'm having a problem with importing google fonts in app.scss here is my import line from google fonts: @import url('https://fonts.googleapis.com/css2?family=Amiri:[email protected];700&family=Changa:[email protected];400;800&family=Nunito:[email protected];400;8...

Hi everyone, I'm attempting to use Storybook with my project but I'm running into an error: TypeError: Cannot read property 'rules' of undefined I think this is related to the fact that the Mix config file in my root isn't a real webpack config file...

So I'm working on a project that has quite a bit of Javascript. We're wanting to put the Javascript through Laravel Mix for it to be able to minify it as well as use NPM modules in it. We've moved the files over into the resources directory, and adde...

I am starting a new Laravel project with Vue and Vue-router and Tailwind (the Laravel, Vue, and SPA videos form Laracasts). However I keep getting the npm error written in the title of this discussion. My webpack.mix.js: let mix = require('laravel-m...

) I'd like to prefetch the fonts I generated using Tailwindcss. I included the font this way: @layer base { /* lato-300 - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 300; src...

This just started happening ... ~/STGdev/lvvn $ npm run watch > @ watch /home/gymdo/STGdev/lvvn > npm run development -- --watch > @ development /home/gymdo/STGdev/lvvn > cross-env NODE_ENV=development node_modules/webpack/bin/webpack....