Я следовал этому руководству: https://next.vuetifyjs.com/en/getting-started/quick-start, Первоначально я настроил его при встряхивании дерева, но, увидев предупреждение о том, что встряхивание дерева работает только с webpack 4 в производственном режиме, я установил загрузчик vuetify, это не помоглопроблема.Вот мои настройки:
//src/plugins/vuetify.js:
import Vue from 'vue'
import Vuetify from 'vuetify/lib'
import {MdIcons} from "../assets/icons/mdIcons";
//import 'vuetify/src/stylus/app.styl'
import '../assets/stylus/main.styl'
const opts = {
theme: {
dark: true,
themes: {
light: {
primary: '#4169E1',
white: '#ffffff',
accent: '#111',
error: '#b71c1c',
warning: '#DF9627',
grayf1: '#F8F8F9',
grayDE: '#EDEDEE',
grayCE: '#969696',
avatar: '#FC6A70',
green: '#69B769'
},
dark: {
primary: '#4169E1',
white: '#ffffff',
accent: '#111',
error: '#b71c1c',
warning: '#DF9627',
grayf1: '#F8F8F9',
grayDE: '#EDEDEE',
grayCE: '#969696',
avatar: '#FC6A70',
green: '#69B769'
}
}
},
options: {
themeVariations: ['primary', 'accent', 'white'],
customProperties: true
},
icons: {
iconfont: 'mdi', // default
values: MdIcons
}
}
Vue.use(Vuetify);
export default new Vuetify(opts)
//main.js:
import Vuetify from './plugins/vuetify'
...
new Vue({
router,
store,
i18n,
Vuetify,
render: h => h(App),
...
Ни один из моих компонентов не загружает страницу, похожую на ее с 1992 года, вот пример ошибки, которую я получаю:
vue.runtime.esm.js?2b0e:601 [Vue warn]: Unknown custom element: <v-pagination> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
found in
---> <SearchUsers> at src/components/SearchUsers.vue
<UsersList> at src/views/UsersList.vue
<App> at src/App.vue
<Root>
package.jsonкоторый, похоже, имеет vuetify-loader
как рекомендованную, sass
/ sass-loader
, последнюю версию vuetify.
{
"name": "users-manager-app",
"version": "0.1.0",
"private": true,
"scripts": {
"build": "vue-cli-service build",
"lint": "vue-cli-service lint",
"serve": "vue-cli-service serve --mode local",
"build_dev": "vue-cli-service build --mode dev",
"build_stg": "vue-cli-service build --mode stg",
"build_prod": "vue-cli-service build --mode prod"
},
"dependencies": {
"axios": "^0.18.0",
"babel-polyfill": "^6.26.0",
"css-vars-ponyfill": "^1.16.2",
"deepmerge": "^3.3.0",
"em-common-vue": "^0.1.0",
"fibers": "^4.0.1",
"innersvg-polyfill": "0.0.2",
"lodash": "^4.17.11",
"moment": "^2.24.0",
"moment-timezone": "^0.5.23",
"sass-loader": "^7.1.0",
"vue": "^2.5.21",
"vue-i18n": "^8.8.0",
"vue-material-design-icons": "^3.0.0",
"vue-router": "^3.0.1",
"vuetify": "^2.0.0-beta.5",
"vuex": "^3.0.1"
},
"devDependencies": {
"@vue/cli-plugin-babel": "^3.3.0",
"@vue/cli-plugin-eslint": "^3.3.0",
"@vue/cli-service": "^3.5.3",
"babel-eslint": "^10.0.1",
"eslint": "^5.8.0",
"eslint-plugin-vue": "^5.0.0",
"sass": "^1.22.2",
"stylus": "^0.54.5",
"stylus-loader": "^3.0.2",
"vue-template-compiler": "^2.5.21",
"vuetify-loader": "^1.0.5"
}
}
РЕДАКТИРОВАТЬ: я установил загрузчик vuetify, как указано в документации выше (с vue-cli-plugin) кроме того я просто запустил npm install.Пожалуйста, помогите!