import script wrong order, function not defined

Question

I have a vuejs component (map.vue) like this:

<script> 
import '../../assets/js/map.js' 

export default {
    name: 'home',
    data () {
        return {
            init_data: {},
        }
    },
    created: function() {
         this.init_data = window.get_init_data(this.view, function(response) {
               document.title = response.body.page_title;
               init_map(some_arguments);
         });
    }
}
</script>

map.js:

const key = ******;
function init_map(some_args) {
    ...
}

Error:

[Vue warn]: Error in created hook: "ReferenceError: init_map is not defined"

And in fact, inspecting the source code the function it's been called before it's signature.

Note: I don't want to include map.js in webpack entries because i only need this script in one component (map.vue).

try require( '../../assets/js/map.js')

Oleg Shleif
– Oleg Shleif

2017-06-29 12:13:45 +00:00
Commented Jun 29, 2017 at 12:13 — Oleg Shleif
– Oleg Shleif, Commented Jun 29, 2017 at 12:13
Already did @OlegShleif , the problem remains. Thanks

Hula Hula
– Hula Hula

2017-06-29 12:14:07 +00:00
Commented Jun 29, 2017 at 12:14 — Hula Hula
– Hula Hula, Commented Jun 29, 2017 at 12:14
It would not be difficult to explain how?

Oleg Shleif
– Oleg Shleif

2017-06-29 12:15:31 +00:00
Commented Jun 29, 2017 at 12:15 — Oleg Shleif
– Oleg Shleif, Commented Jun 29, 2017 at 12:15
@OlegShleif, to explain how about what?

Hula Hula
– Hula Hula

2017-06-29 12:16:51 +00:00
Commented Jun 29, 2017 at 12:16 — Hula Hula
– Hula Hula, Commented Jun 29, 2017 at 12:16

Sagar V · Accepted Answer · 2017-06-29 13:13:42Z

1

Try this

test.js

export function writeHello() {
    console.log('hello');
}

*****.vue

import {writeHello} from './../test.js';

export default {
    created() {
        writeHello();
    }
}

edited Jun 29, 2017 at 13:13

Sagar V

12.5k8 gold badges46 silver badges71 bronze badges

answered Jun 29, 2017 at 12:42

Oleg Shleif

7407 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Hula Hula Over a year ago

Is there any difference between export and export default? Both worked

li x Over a year ago

@HulaHula export is where you name a class or function (or multiples) which can then be imported by specifying the definition with curly braces as in the above. export default means that if no exact definition is supplied it will automatically return the default when importing. an example might be import foo from '/path/to/bar' where foo becomes the default export.

Collectives™ on Stack Overflow

import script wrong order, function not defined

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related