Невозможно включить модуль Vue на страницу PHP / HTML: SyntaxError: импорт не найден: VueNativeSock

Question

Я создаю гибридное приложение: это статическое веб-приложение Yii2 (php) с некоторыми частями Vue.js.

Я успешно использую Vue через antkaz / yii2-vue , но теперь я не могу включить vue-native-websocket модуль Vue на странице.

(После длительного устранения неполадок и с помощью советов Мэтта Лаграндера ) я добавил этот HTML-блок на страницу:

<script type="module">
    import { VueNativeSock } from '/web/assets/a95a22eb/dist/build.js'
    Vue.use(VueNativeSock, 'ws://localhost:9090')
</script>

Но я все еще получаю этоошибка в FF65:

Ошибка синтаксиса: импорт не найден: VueNativeSock

И я застрял!Если убрать фигурные скобки (перед указанными выше советами), я получу

SyntaxError: импорт не найден: по умолчанию

Как я могу импортировать модуль?спасибо

Answer 1

Проблема с использованием папки активов заключается в том, что имя папки может измениться. Когда вы регистрируете актив Vue, вы можете сохранить экземпляр зарегистрированного актива. Если вы var_dump() это путь, который вы можете сохранить?

vueAsset = VueAsset::register($this); 
var_dump( $vueAsset );