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...
vkronlein vkronlein
0
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')...
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...
Kuzuto Kuzuto
12
Installed Laravel 8 with Jetstream. Trying to add Fontawesome to the project, but I can’t get it to accept the @import fontawesome in the app.css file. Anyone who has some pointers on how to add it?...
Kuzuto replied
Solved
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....
EmilMoe EmilMoe
2
I'm trying everything here to make BrowserSync (npm run hot) to work. But no matter what I do the asset URLs are not working at all. I tried to add this config: .browserSync({ open: false, host: 'project.test', proxy: 'pro...
leonidas leonidas
11
After starting to have a look into Laravel Mix, I issued the commands "npm install && npm run dev". I have done nothing else. I am now having the issue 'Failed to load resource" on popper.js.map when I view the page source. Ho...
JayD JayD
0
Hello there community, It seems that I have some sort of problem to understand how the rewrite url engine works within Laravel Mix when copying assets from a NPM package. Till now I have added multiple NPM packages which only copied font files. This...
Predje Predje
1
Hello, I've been trying to split my scripts so I only load what I need for a specific page. I have private composer packages containing reusable code named Core, Back and Front. My plan was to have jquery, popper and bootstrap compiled in Core. In Ba...
connecteev connecteev
6
Do any folks have experience with production deploys? I'd like to do the following on production, to discourage people from copying the front end source code, and also to keep the file sizes as tight as possible. Here are my requirements: CSS (both i...
Jammae Jammae
1
I have Laravel 8 installation and i am using Laravel Mix, and this is my problem. I have public site, and i have admin panel. Public and admin both are using Tailwind css framework, but then i have different Javascript libraries that are used only...
MediaSpectrum MediaSpectrum
2
I can't seem to get a clear picture of how this is supposed to work. i want to compile my JS on 1 machine.. commit it to git and deploy it to an environment. We deploy to test, staging and production via envoyer. But i want to use the .env to set th...
sam0081 sam0081
0
Can you please help:- [Browsersync] Watching files... [Browsersync] Couldn't open browser (if you are using BrowserSync in a headless environment, you might want to set the open option to false) error in laravel ....
Create a New Discussion Button