为什么将函数导入另一个文件时函数的属性不可见？

Question

I have this function in file colled dataservice.js:

export function DataServices() {
    var that = this;
    that.dataServiceUrl = "/CrossServices/SearchService.svc";

    var ds = {
        getStreets: getStreets
    };
    return ds;

    function getStreets(expr, callback, error) {
        //some logic
        return result;
    }
}

I import function above in mapApp.js file like this:

    import { DataServices  from "/src/js/services/dataservices";

And try to access getStreets property this way:

        DataServices.getStreets(3, null, null);

But I get this error on the row above:

error:  Cannot read property 'getStreets' of undefined  

Any idea why getStreets property not visible?

Answer 1

You are exporting a named function DataServices

You need to make it the default export, or import it by name:

export default function DataServices

or

import { DataServices } from "/src/js/services/dataservices";