Доступный, универсальный и производительный - вот слова, которыми описывается Vue.js на их веб-сайте. Vue (произносится как / vjuː /, например, view) - это прогрессивный фреймворк для создания пользовательских интерфейсов. В отличие от других монолитных фреймворков, Vue разработан с нуля для постепенного внедрения.

Основная библиотека ориентирована только на уровень представления, и ее легко выбрать и интегрировать с другими библиотеками или существующими проектами. С другой стороны, Vue также отлично поддерживает сложные одностраничные приложения при использовании в сочетании с современными инструментами и вспомогательными библиотеками.

Vue широко используется с фреймворком Laravel. По умолчанию свежие приложения Laravel содержат ExampleComponent.vue компонент Vue, расположенный в каталоге. Файл ExampleComponent.vue - это пример однофайлового компонента Vue, который определяет свой шаблон JavaScript и HTML в одном файле. Однофайловые компоненты обеспечивают очень удобный подход к созданию приложений на основе JavaScript.

Ошибка несовпадения версий пакетов Vue возникает, когда номера версий Vue и Vue-template-compiler различаются.

Как показано на изображении выше, моя версия Vue выше, чем версия Vue-template-compiler, это приводит к некорректной работе. Убедитесь, что вы используете одну и ту же версию для обоих. Указание точной версии Vue и Vue-template-compiler вместо того, чтобы оставлять ее на усмотрение npm (диспетчер пакетов узлов) для установки или пряжи для выяснения зависимостей, помогает поддерживать синхронизацию обоих, следовательно, нет несовпадения версий пакетов Vue.

Как я заставил это работать

Поскольку версия Vue-template-compiler старше версии Vue, я решил обновить ее до того же номера версии, что и Vue, таким образом, 2.5.16. В вашем случае номер может не совпадать с мой, поэтому замените номер версии тем, что вы видите в своем сообщении об ошибке в следующей команде

npm install [email protected] --save-dev

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

Первоначально опубликовано на https://anansewaa.com 17 мая 2018 г.