running vuepress dev docs fails after VuePress Install

[telion2]

Bug report

Description

I just wanted to try out Vuepress, so I installed it in a recently created Vue 3 Project.
After the Install I wanted to run vuepress dev docs but it failed with provided Error Message.

Error: Message

npm run docs:dev

> ########@0.1.0 docs:dev
> vuepress dev docs

info Initializing VuePress and preparing data...
✔ Compilation finished in 557ms
success VuePress webpack dev server is listening at http://localhost:8080/
ERROR in ./node_modules/@vuepress/client/lib/components/OutboundLink.js 2:0-28
Module not found: Error: Can't resolve 'style-loader' in '/############'

ERROR in ./node_modules/@vuepress/plugin-back-to-top/lib/client/components/BackToTop.js 4:0-28
Module not found: Error: Can't resolve 'style-loader' in  '/############'

ERROR in ./node_modules/@vuepress/plugin-back-to-top/lib/client/components/BackToTop.js 5:0-35
Module not found: Error: Can't resolve 'style-loader' in  '/############'

ERROR in ./node_modules/@vuepress/plugin-medium-zoom/lib/client/clientAppEnhance.js 4:0-27
Module not found: Error: Can't resolve 'style-loader' in  '/############'

ERROR in ./node_modules/@vuepress/plugin-medium-zoom/lib/client/clientAppEnhance.js 5:0-34
Module not found: Error: Can't resolve 'style-loader' in  '/############'

ERROR in ./node_modules/@vuepress/plugin-nprogress/lib/client/composables/useNprogress.js 4:0-28
Module not found: Error: Can't resolve 'style-loader' in  '/############'

ERROR in ./node_modules/@vuepress/plugin-nprogress/lib/client/composables/useNprogress.js 5:0-33
Module not found: Error: Can't resolve 'style-loader' in  '/############'

ERROR in ./node_modules/@vuepress/theme-default/lib/client/clientAppEnhance.js 8:0-29
Module not found: Error: Can't resolve 'style-loader' in  '/############'

ERROR in ./docs/.vuepress/.temp/pages/404.html.vue
Module Error (from ./node_modules/vue-loader/lib/index.js):


Vue packages version mismatch:

- vue@3.2.4 ( '/############/node_modules/vue/index.js)
- vue-template-compiler@2.6.14 ( '/############/node_modules/vue-template-compiler/package.json)

This may cause things to work incorrectly. Make sure to use the same version for both.
If you are using vue-loader@>=10.0, simply update vue-template-compiler.
If you are using vue-loader@<10.0 or vueify, re-installing vue-loader/vueify should bump vue-template-compiler to the latest.


ERROR in ./docs/.vuepress/.temp/pages/404.html.vue
Module build failed (from ./node_modules/vue-loader/lib/index.js):
TypeError: Cannot read property 'parseComponent' of undefined
    at parse ( '/############/node_modules/@vue/component-compiler-utils/dist/parse.js:15:23)
    at Object.module.exports ( '/############/node_modules/vue-loader/lib/index.js:67:22)

ERROR in ./node_modules/@vuepress/theme-default/lib/client/components/global/Badge.vue
Module Error (from ./node_modules/vue-loader/lib/index.js):

Steps to reproduce

Create an App with Vue CLI and in my case install these packages. Maybe there is a package incompatibility:

"dependencies": {
    "@vuex-orm/core": "^0.36.4",
    "core-js": "^3.6.5",
    "lodash": "^4.17.21",
    "primeflex": "^2.0.0",
    "primeicons": "^4.1.0",
    "primevue": "^3.6.0",
    "vue": "^3.2.2",
    "vue-class-component": "^8.0.0-0",
    "vue-i18n": "^9.1.7",
    "vue-router": "^4.0.11",
    "vuex": "^4.0.2"
  },
  "devDependencies": {
    "@intlify/vue-i18n-loader": "^3.0.0",
    "@types/jest": "^24.0.19",
    "@typescript-eslint/eslint-plugin": "^4.18.0",
    "@typescript-eslint/parser": "^4.18.0",
    "@vue/cli-plugin-babel": "~4.5.0",
    "@vue/cli-plugin-eslint": "~4.5.0",
    "@vue/cli-plugin-typescript": "~4.5.0",
    "@vue/cli-plugin-unit-jest": "~4.5.0",
    "@vue/cli-service": "^4.5.13",
    "@vue/compiler-sfc": "^3.0.0",
    "@vue/eslint-config-prettier": "^6.0.0",
    "@vue/eslint-config-typescript": "^7.0.0",
    "@vue/test-utils": "^2.0.0-rc.12",
    "babel-eslint": "^10.1.0",
    "eslint": "^6.7.2",
    "eslint-plugin-prettier": "^3.3.1",
    "eslint-plugin-vue": "^7.0.0",
    "prettier": "^2.2.1",
    "sass": "^1.38.0",
    "sass-loader": "^10.0.5",
    "typescript": "~4.1.5",
    "vue-cli-plugin-i18n": "~2.1.3",
    "vue-jest": "^5.0.0-0",
    "vuepress": "^2.0.0-beta.24"
  },

Expected behavior

That the command provided in the documentation work after the install.
That vuepress installs and configures whatever necessary to work.
That there are no version mismatches with commonly used Vue Libraries.

[meteorlxy]

Please read the error message, you have installed deps with conflicts.

It's recommended to use vite for new vue 3 project, instead of @vue/cli