1

Vue нужен на проекте который изначально написан на PHP. Очень изолированно нужен в одном месте для чата. Пытаюсь подключить:

<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'

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

Так выдает 404 на import Chat from './Chat'. Если же добавить расширение import Chat from './Chat.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.

2 ответа 2

0

Подключите в Head а скрипт с vue в той части сайта где требуется

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
    <title>Document</title>
</head>
3
  • Какая разница в head он или в футере? CDN подключен так или иначе перед моим скриптом.
    – Developer
    25 мар 2021 в 14:55
  • Да ты не переживай так сильно , не увидел я той части где ты подключаешь vue , проверь путь до js файла. Либо тут посмотри stackoverflow.com/questions/47403478/… 25 мар 2021 в 15:08
  • Путь верный. По ссылке нет решения для Vue. Это же не обычный JS файл...
    – Developer
    26 мар 2021 в 6:21
0

Насчет импорта. Он обязателен? Насколько я знаю, поддержка модулей в браузере далеко не полная.

Далее, вы подключаете обычную js версию Vue, не модульную.

Установите модульную версию как указано в документации, это должно сработать. https://v2.vuejs.org/v2/guide/installation.html#CDN

<script type="module">
  import Vue from  'https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.esm.browser.js'
</script>

Вроде бы напрямую без компиляции SFC использовать нельзя, это же не js. Этот ответ вам должен помочь https://stackoverflow.com/q/43896319/9047572

3
  • Ну а как без импорта то? Есть другие способы? Я их не знаю. Этот способ подключения тоже не помог - ошибка осталась.
    – Developer
    26 мар 2021 в 6:20
  • Обновил ответ. Посмотрите 26 мар 2021 в 7:16
  • Ладно, неважно. Пускай будет npm. Создал другую тему: ru.stackoverflow.com/questions/1261048/…
    – Developer
    26 мар 2021 в 9:49

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.