Comments (5)
The error in your app makes perfect sense because Tailwind is installed as a dependency instead of a dev dependency as is expected.
Since this seems to be a non-issue and we're only really expecting people to use the preset in new apps anyway, I'll mark this as closed. Thanks for the report anyway 👍
from tall.
TailwindCSS is included alongside the TailwindUI package and should be installed at the same time. I've just tested this on a fresh app and it works as intended, without needing to manually run npm install tailwindcss
first.
Do you have a list of things you've done + commands you've run to reproduce this? What version of npm are you using?
from tall.
My attempt was using an existing laravel 7 repository that was already using tailwindcss. I added livewire and presets with the --auth flag. I'm using npm 6.14.5 and have node v14.2.0.
I haven't run into any additional errors after installing tailwindcss again after the presets.
composer require livewire/livewire laravel-frontend-presets/tall
php artisan ui tall --auth
npm install
npm run dev
Full requires section
"require": {
"php": "^7.3",
"ext-json": "*",
"facade/ignition": "^2.0",
"fideloper/proxy": "^4.0",
"fruitcake/laravel-cors": "^1.0",
"guzzlehttp/guzzle": "^6.3",
"laravel-frontend-presets/tall": "^1.7",
"laravel/framework": "^7.0",
"laravel/tinker": "^2.0",
"laravel/ui": "^2.0",
"livewire/livewire": "^1.1",
"nyholm/psr7": "^1.2",
"predis/predis": "^1.1",
"symfony/psr-http-message-bridge": "^2.0"
},
Do you want to close this? I'm happy to try and reinstall and see if the same conditions pose a problem again.
from tall.
Hey @garyblankenship. Yes, please try with a fresh Laravel installation to see if the problem persists.
from tall.
I grabbed the streams repo under my account to install. It already used tailwind and livewire also.
No errors or warnings until the npm step and then here's what I got below.
❯ npm install && npm run dev
npm WARN The package tailwindcss is included as both a dev and production dependency.
...
98% after emitting SizeLimitsPlugin
ERROR Failed to compile with 1 errors 10:02:09 AM
error in ./resources/js/app.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: No "exports" main resolved in /Users/gary/Sites/preset/node_modules/@babel/helper-compilation-targets/package.json
...
Fresh Laravel test (laravel new preset && npm install && npm run dev)
composer require livewire/livewire laravel-frontend-presets/tall
php artisan ui tall --auth
npm install && npm run dev
No issues.
from tall.
Related Issues (20)
- Email Verified At? HOT 2
- Updating to Laravel 9 and PHP 8.1 HOT 2
- update Tailwind version HOT 2
- I updated all packages in my Laravel and it's still Tailwind 2. HOT 3
- Fresh install still has Tailwind v2 HOT 3
- Presets with laravel/ui in a laravel 9 jetstream project? HOT 1
- dist folder missing? HOT 1
- Broken!! after Laravel 9.19 update due to Vite I guess. HOT 7
- Code didn’t merged HOT 2
- Translating Reset Email Notification
- Where is the logout endpoint? HOT 1
- Upgrade to latest dependencies specially Livewire HOT 2
- Livewire component not found after initial setup HOT 9
- New install not working (postcss incorrectly configured) HOT 3
- composer require livewire/livewire laravel-frontend-presets/tall HOT 2
- AlpineJS initialized twice in livewire v3 HOT 3
- New Laravel version problem HOT 2
- outline-none not working HOT 1
- livewire HOT 2
- add an apline plug in before the apline load
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from tall.