tanthammar / tall-forms

Laravel Livewire (TALL-stack) form generator with realtime validation, file uploads, array fields, blade form input components and more.
https://github.com/tanthammar/tall-forms/wiki
MIT License
692 stars 86 forks source link

unable to resolve dependency tree #71

Closed pishguy closed 3 years ago

pishguy commented 3 years ago

when i try to install this package with below command i get error:

php artisan make:tall-forms-installation

error:

 Are you on y=Tailwind 2.x or n=Tailwind 1.x (yes/no) [no]:
 > yes

Installing Tailwind CSS v2.x
Installing postcss-import
Installing autoprefixer
Installing alpinejs
Installing @tailwindcss/forms
Installing @tailwindcss/typography
Installing @tailwindcss/aspect-ratio
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: undefined@undefined
npm ERR! Found: tailwindcss@1.8.13
npm ERR! node_modules/tailwindcss
npm ERR!   dev tailwindcss@"1.8" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer tailwindcss@">=2.0.0" from @tailwindcss/forms@0.3.2
npm ERR! node_modules/@tailwindcss/forms
npm ERR!   dev @tailwindcss/forms@"*" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR! 
npm ERR! See /root/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     /root/.npm/_logs/2021-04-30T06_35_55_093Z-debug.log

package.json:

{
    "private": true,
    "scripts": {
        "dev": "npm run development",
        "development": "mix",
        "hot": "mix watch --hot",
        "prod": "npm run production",
        "production": "mix --production",
        "watch": "mix watch",
        "watch-poll": "mix watch -- --watch-options-poll=1000"
    },
    "dependencies": {
        "@chenfengyuan/vue-countdown": "^1.1.5",
        "apollo-boost": "^0.4.9",
        "apollo-cache-inmemory": "^1.6.6",
        "apollo-client": "^2.6.10",
        "apollo-link-http": "^1.5.17",
        "bootstrap-vue": "^2.21.2",
        "commander": "^6.2.1",
        "filesize": "^6.3.0",
        "graphql": "^15.5.0",
        "graphql-tag": "^2.11.0",
        "gravatar": "^1.8.1",
        "portal-vue": "^2.1.7",
        "underscore": "^1.13.0",
        "vue": "^2.6.12",
        "vue-apollo": "^3.0.7",
        "vue-notification": "^1.3.20",
        "vue-router": "^3.5.1",
        "vue-snotify": "^3.2.1",
        "vuejs-countdown-timer": "^2.1.3",
        "vuelidate": "^0.7.6",
        "vuelidate-error-extractor": "^2.4.1",
        "vuex": "^3.6.2"
    },
    "devDependencies": {
        "@babel/polyfill": "^7.11.5",
        "@pnotify/bootstrap4": "^5.2.0",
        "@pnotify/core": "^5.2.0",
        "@tailwindcss/ui": "^0.7.2",
        "axios": "^0.21",
        "jquery": "^3.2",
        "laravel-mix": "^6.0.6",
        "livewire-vue": "^0.3.1",
        "lodash": "^4.17.21",
        "mutationobserver-shim": "^0.3.7",
        "pnotify": "^5.2.0",
        "popper.js": "^1.12",
        "postcss": "^8.1.14",
        "postcss-import": "^14.0.1",
        "postcss-nesting": "^8.0.0",
        "resolve-url-loader": "^3.1.2",
        "sass": "^1.20.1",
        "sass-loader": "^8.0.0",
        "tailwindcss": "1.8",
        "vue-cli-plugin-apollo": "~0.22.2",
        "vue-loader": "^15.9.6",
        "vue-template-compiler": "^2.6.10"
    }
}

how can i resolve this error?

tanthammar commented 3 years ago

I will look into the artisan installer, maybe it needs some updating if Laravel presets have changed.

But apart from that your package.json makes me think that you should follow a manual installation procedure.

The artisan command is meant for a fresh project installation.

roni-estein commented 3 years ago

Also you have tailwind 1.8 as a dependancy already, which has peer dependancies. You should follow the tailwind upgrade guide first. That should prevent the rest of the tailwind related items from blowing up on you. It's not impossible but there's probably not going to be a huge overlap on anything else. Though you may have a huge bundle with Tall stack, jquery and vue all running together.

tanthammar commented 3 years ago

There was a problem with css-nesting. https://github.com/csstools/postcss-nesting/issues/78, maybe that was what caused the issue for you. Either way, It is resolved now.

Other than that, I've updated the manual installation documentation to only include steps for Laravel 8, Laravel mix 6 and Tailwind 2.

The artisan installation command is also updated to only support those versions.

Hope this gives you a smoother installation experience.

(Agree with @roni-estein, that your setup is not optimal)