[install] compatibility npm7, pnpm, yarn, yarn2

[jeffrson]

Bug Report

Well, I wonder if fomantic-ui will become uninstallable. Currently, only npm6 can install it. All of the other usual package managers fail.

Steps to reproduce

1. Create an empty folder, intialize package.json (npm init, yarn init)
2. npm i/pnpm i/yarn add fomantic-ui

Expected result

Should install...

Actual result

Failure to install.

Version

2.8.7

There are issues regarding pnpm and yarn - closed or unanswered - is there anything done about it?

[devopg]

I have some problem with Fomantic-UI as CSS only with VUE $ npm install --save fomantic-ui-css import 'fomantic-ui-css/semantic.min.css'; add to App.vue After Run serve get error

[ko2in]

@devopg Is semantic-ui-css successfully installed in node_modules directory? Does Vue know to look fomantic-ui-css in node_modules directory when importing? I'm not Vue user, so I don't know how Vue handles the dependency when importing.

[devopg]

@devopg Is semantic-ui-css successfully installed in node_modules directory? Does Vue know to look fomantic-ui-css in node_modules directory when importing? I'm not Vue user, so I don't know how Vue handles the dependency when importing.

yes

[ko2in]

@devopg Then, you're posting irrelevant issue here. The original issue is about the failing of installing FUI with latest npm and yarn versions.

However, I've created a Vue sandbox with FUI css package and it seems working fine. Have you already installed post-css in your project? Is your app working with your own imported CSS files?

[devopg]

i have clear vue project, i dont know why your sandbox work I fix my project add full url with node_modules path: @import '../node_modules/fomantic-ui-css/semantic.min.css';

but in app.vue i have other include librare from node_modules and they works example: @import 'swiper/dist/css/swiper.css';

[ko2in]

@devopg Please create a discussion for your issue here.

[lubber-de]

Should be fixed by #2272 and #2280