Error in importing class in JavaScript object not defined

Question

I am struggling to try to import a class in Javascript (located in the leaflet-m2t.js file) is there an error keeps getting thrown m2t is not defined. The file is getting imported just fine, and the error is not in the file but in my code. I would appreciate some help in addressing this problem

require('./leaflet-m2t.js')
$scope.tileProvider = new m2t.tileProvider({
    map: map,
    tileUrl: '/m2t',
    defaultLayer: 'Dark',
    tileLayers: [],
    outlineLayers: ['Light', {
        name: 'Dark',
        style: {
            "color": "#737373",
            "weight": 1,
            "fillOpacity": 1,
            "fillColor": "#0d0d0d",
            'backgroundColor': '#242425',
            'clickable': false
        }

                }]
});

nanobar · Accepted Answer · 2017-07-24 13:20:33Z

2

var m2t = require('./leaflet-m2t.js');

Unlike in Java you should define what you are importing, in this case the default export of leaflet. JavaScript doesn't magically know what you're referring to, this only works for global variables.

If leaflet uses es6 exports you will need to do:

var m2t = require('./leaflet-m2t.js').default;

Or if you have your app configured to handle es6 imports:

import m2t from './leaflet-m2t.js';

edited Jul 24, 2017 at 13:20

answered Jul 24, 2017 at 13:17

nanobar

66.8k26 gold badges155 silver badges178 bronze badges

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

8 Comments

Anonymous Dodo Over a year ago

now i am getting an error m2t.tileProvider is not a constructor

nanobar Over a year ago

Add how you are exporting your class in leaflet-m2t.js

Anonymous Dodo Over a year ago

what do you mean by exporting this

nanobar Over a year ago

I've added more info, incase leaflet-m2t.js uses es6 exports instead of module.exports. If you open that file you can see how it is exporting.

Anonymous Dodo Over a year ago

ok so when I use .default i get an error that states m2t is undefined and then i used the import statement the error I get is You may need an appropriate loader to handle this file type.

|

Anonymous Dodo · Accepted Answer · 2017-07-24 14:45:24Z

1

Ok so the solution to this problem happened to be is instead of importing the class via Javascript using the require statement, I had to import the JS Class file via an HTML tag <script src="./leaflet-m2t.js"></script>

answered Jul 24, 2017 at 14:45

Anonymous Dodo

2714 silver badges17 bronze badges

Collectives™ on Stack Overflow

Error in importing class in JavaScript object not defined

2 Answers 2

8 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

8 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related