在未定義JavaScript對象中導入類時出錯

Question

我正在努力嘗試以Javascript（位於leaflet-m2t.js文件中）導入類，但該錯誤始終使未定義的m2t拋出錯誤。 該文件被導入就好了，錯誤不是在文件中，而是在我的代碼中。 在解決這個問題方面，我將不勝感激

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
        }

                }]
});

Answer 1

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

與Java不同，您應該定義要導入的內容，在這種情況下，這是默認的傳單導出。 JavaScript並不神奇地知道您指的是什么，這僅適用於全局變量。

如果傳單使用es6導出，則需要執行以下操作：

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

或者，如果您已將您的應用配置為處理es6導入：

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

Answer 2

好的，所以解決這個問題的方法恰好是代替使用require語句通過Javascript導入類，而是不得不通過HTML標記<script src="./leaflet-m2t.js"></script>