Как использовать vuetify в автономном режиме без веб-пакета?

Я создаю простое веб-приложение, которое будет работать на сервере без доступа в Интернет. Это приложение узла создано вручную и не использует веб-пакет. Vue работает, но я не могу заставить работать Vuetify. Я установил значки vuetify и material-design-icons с помощью npm. Вот мой файл index.html:

<html>
<head>
    <link rel="stylesheet" media="all" href="../node_modules/vuetify/dist/vuetify.min.css" type="text/css"/>
    <link rel="stylesheet" href='../node_modules/material-design-icons-iconfont/dist/material-design-icons.css' type="text/css">
    <script src="./scripts/vue.js"></script>
    <script src="../node_modules/vuetify/dist/vuetify.js"></script>
</head>
<body>
    <div id="app">
        <v-app id="inspire">
            <v-toolbar app>
                <v-toolbar-title>Title</v-toolbar-title>
            </v-toolbar>
            <v-content>
              <v-container>Hello world</v-container>
            </v-content>
          </v-app>
    </div>
</body>    
<script src="index.js"></script>
</html>

Что мне не хватает?

2
0
1 246
1

Ответы 1

Незадолго до того, как я опубликовал этот вопрос, я понял ответ. Итак, вот оно, если кто-то еще ищет то же самое.

Я скопировал файлы .css и .js в папки в моем корневом каталоге и указал на них в теге. Я также скопировал папку шрифтов из папки материал-дизайн-иконки-iconfont \ dist \ шрифты в свою папку стилей.

<head>
    <link rel="stylesheet" media="all" href="./styles/vuetify.min.css" type="text/css"/>
    <link rel="stylesheet" href='./styles/material-design-icons.css' type="text/css">
    <script src="./scripts/vue.js"></script>
    <script src="./scripts/vuetify.js"></script>
</head>

Другие вопросы по теме