проблема при переходе на vuetify 2.0 beta (.5) - PullRequest
0 голосов
/ 03 июля 2019

Я следовал этому руководству: 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.Пожалуйста, помогите!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...