Я перехожу с vue2 на vue3, а также на 3. Однако я не могу правильно настроить vuetify 3. Я получаю следующую ошибку
Syntax Error: Error: Unknown node type in node creation at Array.map (anonymous)
В следующих строках:
in ./node_modules/vuetify/lib/components/VList/VListItem.css
in ./node_modules/vuetify/lib/components/VCard/VCard.css
in ./node_modules/vuetify/lib/components/VBtn/VBtn.css
Я пытался исправить это по следующим ссылкам
[Отчет об ошибке] [3.0.0-alpha.0] Ошибка Vuetify 3 «Неизвестный тип узла при создании узла» № 14179
Но никакого успеха.
vuetify.js
:
// Styles
import "@mdi/font/css/materialdesignicons.css";
import "vuetify/styles";
import colors from "vuetify/lib/util/colors";
// Vuetify
import { createVuetify } from "vuetify";
export default createVuetify({
theme: {
themes: {
options: { customProperties: true },
light: {
primary: "#FF6D00",
},
dark: {
primary: "#FFCA28",
},
},
},
icons: {
iconfont: "mdi",
},
});
main.js
:
const app = createApp({
data: function () {
return {
currentRoute: window.location.pathname,
};
},
computed: {
ViewComponent() {
return routes[this.currentRoute] || NotFound;
},
},
render() {
return h(this.ViewComponent);
},
});
У вас старая версия автопрефиксера, которая не полностью поддерживает @supports
(https://github.com/postcss/autoprefixer/issues/1391). Обновление postcss и autoprefixer до последних версий исправит ошибку.