Vue cdn, компонент из файла?

Question

[Arktares]

При подключении Vue через NPM и работе с компонентами всё понятно. Компонент можно подключить из файла, всё работает.

Но при подключении Vue через CDN не получается подключить компонент из файла.

Вот пример кода:

import firstComponent from 'firstComponent.js';

new Vue({
    el: '#app',
    components: {
        firstComponent
    },
});

Выдаёт ошибку "SyntaxError: import declarations may only appear at top level of a module".
Пробовал в теге script подключаемого js файла добавлять атрибут type="module", но тогда вообще ничего не работает.

Подскажите в чем проблема?

Comments

[pingo]

а разве компонет у Vue - это js файл? это, форэксампл, свой формат с тремя контейнерами

[Arktares]

pingo, Пробовал оба варианта, не завелось.

[pingo]

Arktares, а какую версию Vue из сэдээна грузишь?

[Arktares]

pingo, v2.5.16.
Сам Vue работает. Просто я хочу подключить компонент из файла. Вот так работает, например:

Vue.component('firstComponent', {
    template: '<div><p>Тег из компонента</p</div>'
});

Это если писать в том же самом файле, а как сделать то же самое, только если подключать компонент из другого файла?

[pingo]

Arktares, правильно, вам нужно подключить vue-loader, и билдить проект webpack_ом, например, иначе юзать инлайновые компоненты