Yii Framework

Мне нужно изолированно в одном месте применить Vue.js в проекте на Yii2. Это не будет SPA, просто мне нужна более сложная интерактивность чем может дать JQuery. Я пытался подключить Vue как CDN, но при подключении своих компонентов Vue столкнулся с ошибкой:

Код: Выделить всё

Failed to load module script: The server responded with a non-JavaScript MIME type of "". Strict MIME type checking is enforced for module scripts per HTML spec.

Подключил:

Код: Выделить всё

<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<script type="module" src="/js/chat/main.js"></script>

main.js:

Код: Выделить всё

import Chat from './Chat.vue'

new Vue({
    el: '#chat',
    template: '<chat/>',
    components: {Chat},
})

Похоже что через CDN не выйдет? Если так то как настроить npm в проекте так чтобы он работал только для одной вьюхи? Точнее в одном модальном окне.

На какой из скриптов ругается? На vue.js или на main.js ?

По npm

Проблем для использования npm в проекте нет никаких. Хоть в одном файле, хоть не в одном

1. Накатываем npm

2. Конфигурируем webpack таким образом, чтобы он брал файлы из нашей директории ./src_js/src, например, и клал в соответствующие папки ./src_js/dist, с сохранением имени исходного файла.

Например, у нас есть файл ./src_js/src/chat/main.js
После вебпака у нас появится файл ./src_js/dist/chat/main.js

3. Пишем стандартный Asset Yii2, в котором прописываем путь к нашему js файлу, и подключаем его в нужной вьюхе

Я использовал https://laravel-mix.com/ для комфортной сборки проекта. Удобно.

Yii Framework

Как совместить Vue.js и Yii2?

Как совместить Vue.js и Yii2?

Re: Как совместить Vue.js и Yii2?

Re: Как совместить Vue.js и Yii2?

Re: Как совместить Vue.js и Yii2?