rhand rhand
2
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...
raakkan raakkan
9
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/...
rabeea rabeea
6
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...
rabeea replied
Solved
obink obink
7
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-...
obink replied
Solved
aweb aweb
1
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'...
AdrianWix AdrianWix
8
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....
aweb aweb
1
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...
ahoi ahoi
0
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...
vkronlein vkronlein
2
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')...
KrishYadav KrishYadav
0
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...
User1980 User1980
4
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'], '...
finchy70 finchy70
11
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...
User1980 User1980
3
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...
EmilMoe EmilMoe
2
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 ./...
danilchican danilchican
0
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...
vernancheta25 vernancheta25
1
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...
JoaoHamerski JoaoHamerski
1
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...
dadub dadub
0
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...
sauladam sauladam
5
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...
BlueSilver BlueSilver
1
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 ^./...
natcave natcave
4
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...
coder222 coder222
0
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...
Boubou Boubou
0
Post deleted(Sorry no delete nor "Best answer" button in the form)....
hanakin hanakin
1
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...
tyteck tyteck
3
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...
Boubou Boubou
2
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...
sshateri sshateri
2
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...
Fetahokey Fetahokey
2
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',...
AtomCoder AtomCoder
1
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...
engamoktar engamoktar
6
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...
JoeCianflone JoeCianflone
1
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...
SeebeckZachary SeebeckZachary
3
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...
HubertVanD HubertVanD
2
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...
ahoi ahoi
0
) 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...
gymdone gymdone
3
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....
Create a New Discussion Button