ShekhSaifuddin ShekhSaifuddin
0
I create a laravel application with jetstream and inertia-vue stack for my new project problem is Tailwindcs version 2 using postCss and it doesn't support @apply directive inside vue components but inside .css file it works fine I don't want that be...
ImWaller ImWaller
1
I go to the docs, read the vue support section but I didnt understand. I use laravel mix but I never use the .vue method. Need to install the package of vue or will automatically install?...
kandroid kandroid
2
Hi All, I have a strange issue whereby when adding the following to my Vue JS file, the master CSS file output is empty! campaign_stats.js (my Vue JS file) import Vue from 'vue'; import App from './App.vue'; import VueResource from 'vue-resource'; im...
ddosanjh ddosanjh
0
I've been fighting webpack since being first immersed in it ~ 2 years ago. I don't love it and probably never will. Recently I've been using rollup to bundle dependency packages, and like it a lot better. It's tempting to convert the main Laravel app...
successdav successdav
1
after upgrading laravel mix to "laravel-mix": "^6.0.9", npm run dev no longer works. Here is the error that get's printed: [webpack-cli] TypeError: Promise.allSettled is not a function at Dispatcher.fire (C:\laragon\www\niger...
arthurvillar arthurvillar
2
Hello! I have a fresh new Laravel v.8.21.0 install and when I try to compile npm I keep getting mix not found. npm install gets stuck here: [ ......] | build:copy-descriptor: sill linkStuff [email protected] has /home/vagrant/code/node...
sr57 sr57
8
When I run "npm run dev" I get this message, it's clear but I'm not comfortable with it. Why it appears? (Why everything is not done in one pass?) Is there a config in package.json to avoid this?...
robatoh replied
Solved
keizah keizah
7
Just started using laravel sail and can't make browsersync work. It does'nt reload the browser mix.browserSync({ open: false, notify: false, proxy: 'http://iskelbimai.test', port:8084 }); Any solutions?...
keizah replied
Solved
devhoussam123 devhoussam123
2
Hi I want to use Vue 2 with laravel mix 6 but it didn't work it display this error message : Module parse failed: Unexpected token webpack.mix.js const mix = require('laravel-mix'); mix.js('resources/js/app.js', 'js') .vue({ version: 2 }) .set...
Snackpack Snackpack
1
have a fresh installation of laravel and I've installed npm. but when I run npm install && npm run dev I get this error 0 info it worked if it ends with ok 1 verbose cli [ '/usr/bin/node', '/usr/bin/npm', 'run', 'dev' ] 2 info using [email protected]...
vercoutere vercoutere
12
For some reason I can't get BrowserSync to refresh when I update my files. Upon running gulp watch the connection gets initialised so BrowserSync is installed and working. However it doesn't seem to pick up on any changes. Here's my gulp file: var gu...
daniesy daniesy
0
npm run watch keeps compiling every file every time, not only the changed ones. Do you know why could this happen? It worked perfectly on v5. Now I'm on version 6.0.6....
shadrix shadrix
0
Is it possible to see the chunk names like in the earlier versions of Laravel Mix? Currently when using npm run dev, I only see this result: Laravel Mix v6.0.8 ✔ Compiled Successfully in 20135ms ┌───────...
emozio emozio
1
So, here's the deal: whenever I try to access files in my public directory (e.g. /js/ajax/check-domain.php), I get an NotFoundHttpException. I suspect Laravel (or some configuration) is trying to parse this url as a route, instead of a path to a file...
Sijn Sijn
1
I have a new Laravel 8 site (with Nova installed) running in Laravel Sail on WSL2 (Win 10 Pro). Everything was working and compiling fine before I followed the instructions to install Jetstream Inertia. The steps I took were; sail composer require l...
Sijn replied
Solved
somenet77 somenet77
1
import axios from 'axios' const Api = axios.create({ baseURL: 'http://127.0.0.1/api/v1' }) export default Api This is set up to call the API endpoint. which work fine in local development. But I want to change this URL to match my production d...
srasch replied
Solved
Equinoxxx Equinoxxx
11
Hello, I would like to use Semantic UI with my Laravel App (5.4) instead of using default Bootstrap. As I know Semantic UI is using LESS and recommended installation is via npm and gulp. https://semantic-ui.com/introduction/getting-started.html I sea...
KAII replied
Solved
bwrice bwrice
1
I have an app using Pusher that is separated into multiple environments, meaning the value for MIX_PUSHER_APP_KEY in my environment file is different per environment. For a typical ENV var that gets pulled using PHP this would be fine, because your...
sunscreem sunscreem
1
Hey Folks, We used to have this in laravel (5.6 ish onwards): const files = require.context('./', true, /\.vue$/i) files.keys().map(key => Vue.component(key.split('/').pop().split('.')[0], files(key).default)) In a clean laravel install it used t...
fylzero replied
Solved
Kuzuto Kuzuto
13
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?...
BeginnerSoul BeginnerSoul
3
Hello I don't know how but it is missing in my laravel version bootstrap and jquery. I installed laravel with this command laravel new testporject --jet and then I added custom html and tried to use the css/app.css and js/app.js files in the header a...
codinglara codinglara
1
Tailwind CSS is not generating because I can't run npm run dev I followed the steps explained in laravel.com/docs/8.x/mix#tailwindcss documentation but I get the following error every time I run the command. ERROR in ./resources/css/app.css Module...
IvanRadojevic IvanRadojevic
0
I first make gray color and that is working, but I try to add orange and that not?!? Where I'm wrong theme: { extend: { fontFamily: { sans: ['Nunito', ...defaultTheme.fontFamily.sans], }, },...
sr57 sr57
7
HI all, I have a Vue.js component that works in a Laravel8 project. To compile, I have to add .vue() in my webpack.mix.js I don't remember where I found this 'trick', I see nothing in the Laravel doc that says that 'No further configuration is requir...
Dwight replied
Solved
mattrj mattrj
0
I'm a realtive dunce when it comes to laravel mix so please bear with me... I'm trying to compile my scss and then run string replace to replace the compiled colour values with css vars. Running dev or prod works fine however when running a watch it...
shaungbhone shaungbhone
4
When I install laravel breeze, the node module error occurs. "laravel/framework": "^8.12", app.css @import 'tailwindcss/base'; @import 'tailwindcss/components'; @import 'tailwindcss/utilities'; ERROR in ./resources/css/app.css Mo...
livijn livijn
3
Hi, I am trying to load my front end dependencies into my HTML site. For some reason, jQuery is never loaded. My vendor.js looks like this when compiled: http://pastebin.com/jysGvG4w and I am using <script src="{{ mix('/js/vendor.js') }}"...
OliverHH OliverHH
1
Hello, I try to load an image in a vue template with an data-src attribute Thanks Oliver...
Faeza97 Faeza97
3
in the console it will print requisition/15/files:1 Failed to load resource: the server responded with a status of 500 (Internal Server Error what I am trying to do is uploading a file + change status through a modal form without refreshing and clos...
JoshP JoshP
2
Hiya, I've recently started using Mix locally in order to pull in Laravel Echo /w Pusher, etc. I'll be deploying soon to production (okay, well, staging first, but anyway not local). I use Forge for deployments. What all do I need to add to my deploy...
JoshP replied
Solved
Mateja Mateja
3
I am trying to compile Bootstrap 4 using Laravel Mix. Sass compiles and works. JavaScript also compiles but Bootstrap Navbar acts like javascript is missing (dropdown menu and hamburger button don't work). Vue on the other hand works. I checked brows...
Hammie Hammie
5
When i'm deploying my site to Laravel Forge, it give me an error saying "Unable to locate Mix file" . locally is fully working... <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">...
Scotalia Scotalia
13
TLDR: I am trying to combine my Scripts and Styles using Mix. However i keep running into an error when I 'npm run dev' and 'npm run prod' . The error: SyntaxError: missing ) after argument list at new Script (vm.js:83:7) at NativeCompileCac...
hasanhatem hasanhatem
1
Hello, when I run npm run prod and upload this files to the server manifest.js vendor.js app.js i have problem with (manifest, vendor) each one take 3 seconds to load my webpack.mix.js: const mix = require("laravel-mix"); require('laravel...
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...
Create a New Discussion Button