Problem with dynamic import Meteor@1.5

[thearabbit]

I tried to use dynamic import

// routes
    {
        path: '/',
        name: 'home',
        component: import('./pages/Home.vue'),
        meta: {
            contentTitle: 'Home',

But don't work

[Vue warn]: Failed to mount component: template or render function not defined.
found in
---> <Anonymous>

[thearabbit]

I tried to import in component

        methods: {
            submitForm() {
                        import('../../../api/posts/posts').then((Posts) => {
                            Posts.insert(this.form, (error) => {
                                ............
                            });
                        });
------------
// Get error
[vue-component] Error while compiling in tag <script> col:30 Unexpected token,
   expected { (42:30)

[laosb]

Similar situation:

<script>
    export default {
        components: { NMenuVert: r => import('../components/common/nMenuVert.vue').then(res => r(res.default)), NMenuItem: r => import('../components/common/nMenuItem.vue').then(res => r(res.default)) },
    };
</script>

results in [vue-component] Error while compiling in tag <script> col:38 Unexpected token (4:38).

[Akryum]

The value returned by the dynamic import is the module, so you need to get the default value:

// routes
    {
        path: '/',
        name: 'home',
        component: import('./pages/Home.vue').then(m => m.default),
        meta: {
            contentTitle: 'Home',

[thearabbit]

Thanks I will try again.