search

TrilonIO / aspnetcore-Vue-starter

*NEW* Asp.net Core & Vue.js (ES6) SPA Starter kit - Vuex, webpack, Web API, Docker, and more! By @TrilonIO
https://www.trilon.io
MIT License
1.22k stars 266 forks source link

Enhancement - Vuetify #81

Open KSEIinnovations opened 6 years ago

KSEIinnovations commented 6 years ago

If I had a little more experience with Git and Webpack I would fork and try myself. I am able to get Vuetify and its requirements imported but the styling doesn't seem to work.

maxwellpatten commented 6 years ago

I got everything up and running using this article as a baseline... this article uses the original template but you get the idea.

https://dev-squared.com/2018/01/24/building-first-vue-js-app-asp-net-core-2-vuetify/

KSEIinnovations commented 6 years ago

I used that exact article as well @Noxis but for some reason all my vuetify styling is wonky. I will try it from scratch again and document it the best I can to find the error and then post it for future users if I get it figured out.

KSEIinnovations commented 6 years ago

Can't for the life of me get it figured out. Will just have to try something different. Thanks for the help!

navarrorc commented 6 years ago

@KSEIinnovations what editor are you using, VSCode?

KSEIinnovations commented 6 years ago

Building through VS 2017. I have opened it up in vscode as well.

adamsproul commented 6 years ago

@KSEIinnovations Did you ever get this resolved? I had a similar issue and resolved by:

  1. Removed bootstrap from the webpack.config.vendor.js

image

  1. Manually deleted vendor.css from wwwroot/dist

  2. Cleaned out the /ClientApp/css/site.css file

Vuetify is no longer conflicting with the bootstrap stylings, and works as intended.

mirikerstein commented 4 years ago

@adamsproul

Any chance you're still following this? I followed the steps you described, for the same issue. Problem is that vendor.css isn't regenerating itself. So now it's just missing...