Witam,
Chciałbym wejść w świat Vue, już troche pokursowałem i odważyłem się uruchomic symfony i dograć do niego Vue.
Znalazłem oto taki tutorial: https://zetcode.com/symfony/vue/
Mimo wykonania wszystkiego krok po kroku i wykonania kompilacji z użyciem komendy yarn run encore dev --watch sypie błędami:
Running webpack ...
WARNING Webpack Encore requires version ^15.9.5 of vue-loader. Your version 16.5.0 is too new. The related feature *may* still work properly. If you have issues, try downgrading the library, or upgrading Encore.
RECOMMEND To create a smaller (and CSP-compliant) build, see https://symfony.com/doc/current/frontend/encore/vuejs.html#runtime-compiler-build
WARN Compiled with 7 warnings 08:28:11
warn in ./assets/App.vue?vue&type=template&id=5bcdaf03 08:28:11
export 'createTextVNode' (imported as '_createTextVNode') was not found in 'vue' (possible exports: default)
warn in ./assets/App.vue?vue&type=template&id=5bcdaf03 08:28:11
export 'resolveComponent' (imported as '_resolveComponent') was not found in 'vue' (possible exports: default)
warn in ./assets/App.vue?vue&type=template&id=5bcdaf03 08:28:11
export 'openBlock' (imported as '_openBlock') was not found in 'vue' (possible exports: default)
warn in ./assets/App.vue?vue&type=template&id=5bcdaf03 08:28:11
export 'createBlock' (imported as '_createBlock') was not found in 'vue' (possible exports: default)
warn in ./assets/App.vue?vue&type=template&id=5bcdaf03 08:28:11
export 'createVNode' (imported as '_createVNode') was not found in 'vue' (possible exports: default)
warn in ./assets/App.vue?vue&type=template&id=5bcdaf03 08:28:11
export 'withCtx' (imported as '_withCtx') was not found in 'vue' (possible exports: default)
warn in ./assets/App.vue?vue&type=template&id=5bcdaf03 08:28:11
export 'createCommentVNode' (imported as '_createCommentVNode') was not found in 'vue' (possible exports: default)
Entrypoint app [big] 8.38 MiB = runtime.js 14.4 KiB vendors-node_modules_axios_index_js-node_modules_bootstrap-vue_esm_index_js-node_modules_core-3c1028.css 1.09 MiB vendors-node_modules_axios_index_js-node_modules_bootstrap-vue_esm_index_js-node_modules_core-3c1028.js 7.23 MiB app.css 5.47 KiB app.js 37.9 KiB
webpack compiled with 62 warnings
Gdy w pliku App.vue zostawię puste tagi :
<template>
</template>
<script>
</script>
<style>
</style>
Kompilacja wykonuje się prawidłowo:
5 files written to public\build
Entrypoint app [big] 8.19 MiB = runtime.js 14.4 KiB vendors-node_modules_axios_index_js-node_modules_bootstrap-vue_esm_index_js-node_modules_boot-a92d2e.css 1.09 MiB vendors-node_modules_axios_index_js-node_modules_bootstrap-vue_esm_index_js-node_modules_boot-a92d2e.js 7.07 MiB app.js 13.5 KiB
webpack compiled successfully
W przeglądarce dodatkowo po kompilacji z Warmingami, mam taka oto litanie: