Почему не запускается Vue проект?

Question

[Alex_87]

Всем привет! Создавал проект через Vue cli и vue ui. При запуске выходит следующая ошибка.
Прошу помочь разобраться!

Comments

[modelair]

npm create vue@latest вместо cli

[modelair]

npm install-то сделали?

[Alex_87]

modelair, да... сейчас попробую сделать и отпишусь. Я так понимаю, что мне нужно заново создавать проект? И почему в ошибке указано vitejs?

[Alex_87]

modelair,

[modelair]

Alex_87, я не знаю, информации мало. рекомендую делать первые шаги исходя из инструкций на оф.сайте
vitejs это сборщик вашего кода в бандл

[modelair]

Alex_87, версия nodejs?

[Alex_87]

modelair, v12.20.1

[modelair]

Alex_87, ну вот и причина. установите не менее 16ой. на офсайте также указано

[Alex_87]

modelair, и как vite может быть сборщиком, если я через CLI и UI создавал проекты с нуля? Я нигде специально vite не прописывал. Я игрался с ним ранее, но сейчас он мне совершенно не нужен.
Да ещё и ошибка какая-то в App.vue

[modelair]

Alex_87, тем и отличается cli и npm create от простого npm install. cli это сценарий установки, который вам подтянет не только vite, но и что-нибудь еще, что требуется последней версии свежих проектов

[modelair]

Alex_87, ошибка на картинке скорей всего возникает исходя из рекомендаций vue.js по размещению закрытых тегов компонентов, нужно <router-view></router-view>
вероятно, это eslint так делает с конфигом 'plugin:vue/vue3-strongly-recommended', или подобным

[Alex_87]

modelair, пишут, что устанавливать нужно через команду nvm install 16.9.0
Почему nvm? И он у меня пишет ->

[modelair]

Alex_87, да вы просто дистрибутив для вашей ос скачайте и всё. https://nodejs.org/en/download

[Сергей delphinpro]

Alex_87, NVM - Node Version Manager
NVM используют когда вам необходимо иметь на машине несколько версий ноды. Он позволяет быстро переключаться между ними. Если 12 версия вам будет не нужна, то снесите ее и поставьте последнюю доступную LTS как обычно, через установщик.

Хотя я бы рекомендовал NVM. Иногда не только новые проекты не запускаются на старых нодах, но и старые проекты не запускаются на новых нодах. Хорошо иметь под рукой любую версию.

[Alex_87]

modelair, к сожалению... У меня 7 стоит если что...

[modelair]

Alex_87, не в списке поддерживаемых. беглый поиск - https://www.youtube.com/watch?v=-CT2pwB_UXM
и https://github.com/sryze/node-win7/releases

[Alex_87]

modelair, спасибо за видео! Всё сделал, версия обновил в 16.2..... Появилась новая ошибка:

[modelair]

Alex_87, попробуйте через npm create vue@latest, разработка cli остановлена, о чем на их сайте написано с рекомендацией делать все через create.

следуйте инструкциям официального сайта vue
полагаю вы просто делаете все на основе каких-то уроков, просто измените этот шаг

[Alex_87]

modelair, хорошо, сделаю. Но я использую уроки Vuemastery, а они из главных спонсоров Vue, как и vueschool

Только вот какой вопрос. Поскольку у меня 7, я нагуглил что нужна версия ноды 14
После её установки, у меня вообще перестала работать команда node -v хотя до этого всё показывала, и когда была 13

[modelair]

Alex_87, что вы все пытаетесь каким-то чигирями проползти? vue.js требует 16

[Alex_87]

modelair, 16 не поддерживается семёркой

[modelair]

Alex_87, это мы выяснили ещзе три шага назад, после чего были найдены ссылки обещающие помочь. что еще не так? ставьте, можно ведь

[Alex_87]

modelair, ОГРОМНОЕ СПАСИБО!!!!!!!!!! Я не предал значению 2 ссылке, сам скачал версию 16 но не ту, а youtube посмотрел! ПОМОГЛО!!!!! Отмечу все ваши сообщения! Благодарю вас за терпение и помощь!!!!!!

[modelair]

Alex_87, да это никчему =) я ж в комментах писал

[Alex_87]

modelair, я к сожалению не могу отметить ваше решение. Максима Кукушкино - могу, а ваше нет...
Ещё раз благодарю вас! Доброй ночи!

P.S. Если всё же как-то можно будет отметить и вам это будет нужно, напишите что нужно сделать и я сделаю!

[modelair]

Alex_87, я сейчас напишу, но в таком случае вы опишите свой вопрос детально, чтобы те, кто его будут читать понимали в чем дело. укажите версии всего, что используете.

Answer 1

[modelair]

vue требует версию node.js 16
так как у вас устаревшая windows 7, которая не поддерживается 16-ой node, можно воспользоваться неофициальными билдами .
также, устарела и Vue CLI, вместо этого npm create vue@latest
ну а в целом - переезжайте на поддерживаемые ОС.

Answer 2

[Максим Кукушкин]

Проверьте свою версию vue в package.json. Исходя из ошибки у вас стоит vue ниже версии 3.2.13, которая необходима для работы другой библиотеки.

Comments

[Alex_87]

у меня с window 7, вот в чём проблема. nodejs только старой версии поддерживается(2020 года) вот и получается конфликт