Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug Report] Cannot build Vue + Vuetify (a la carte) + Typescript project #11683

Closed
borgytan opened this issue Jun 19, 2020 · 4 comments
Closed
Labels
layer 8 issue You're doing it wrong

Comments

@borgytan
Copy link

borgytan commented Jun 19, 2020

Environment

Vuetify Version: 2.3.1
Vue Version: 2.6.11
Browsers: Edge 83.0.478.54
OS: Windows 10

Steps to reproduce

Create a new vue app using CLI (i used 4.4.4), with TypeScript support (my app also has PWA, Vuex, Router support, but those are probably irrelevant to this case).
Add vuetify to the project with a la carte support.
Add the following to tsconfig.json, as mentioned in vuetifyjs/vue-cli-plugins#112 (comment):

"types": [
      "webpack-env",
      "vuetify"
    ],
"typeRoots": [
    "./node_modules/@types",
    "./node_modules/vuetify/types"
  ]

run "npm run build" to build

Expected Behavior

should build successfully.

Actual Behavior

build fails with error:

 WebpackOptionsValidationError: Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.
 - configuration.plugins[16] misses the property 'apply'.
   function
   -> The run point of the plugin, required method.
WebpackOptionsValidationError: Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.
 - configuration.plugins[16] misses the property 'apply'.
   function
   -> The run point of the plugin, required method.

Reproduction Link

https://github.com/borgytan/pgc-dashboard/tree/master/frontend-vue

@ghost ghost added the S: triage label Jun 19, 2020
@KaelWD KaelWD added the S: needs reproduction The issue does not contain a valid reproduction label Jun 19, 2020
@KaelWD
Copy link
Member

KaelWD commented Jun 19, 2020

Can't reproduce, the provided repo builds fine. Try deleting node_modules

@borgytan
Copy link
Author

Can't reproduce, the provided repo builds fine. Try deleting node_modules

apologies I forgot to push the code. please try rebuilding again.

@KaelWD KaelWD added layer 8 issue You're doing it wrong and removed S: needs reproduction The issue does not contain a valid reproduction S: triage labels Jun 19, 2020
@KaelWD
Copy link
Member

KaelWD commented Jun 19, 2020

@KaelWD KaelWD closed this as completed Jun 19, 2020
@borgytan
Copy link
Author

This is not a valid webpack plugin: https://github.com/borgytan/pgc-dashboard/blob/a9a7171134517c8556ae6a008f6da5ed21e5e2e2/frontend-vue/vue.config.js#L4-L10

thank you that fixed the issue. it seems that when i added vuetify, some of my code in vue.config.js was overwritten and I just put back the original code. thanks again for the quick help! :)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
layer 8 issue You're doing it wrong
Projects
None yet
Development

No branches or pull requests

2 participants