小编ann*_*neb的帖子

Polymer 3使用import来加载外部Javascript.例如

import {GoogleCharts} from 'google-charts';

但是,似乎这个工作,外部库应该使用导出.

我正在尝试使用mapbox-gl.js库.这个库安装有:

npm install mapbox-gl

似乎没有出口任何东西.

在HTML5中,您可以使用mapbox-gl,如下所示:

<script src="node_modules/mapbox-gl/dist/mapbox-gl.js"></script>
<link href="node_modules/mapbox-gl/dist/mapbox-gl.css" rel="stylesheet" />
<script>
   const options = {...}
   const map = new mapboxgl.Map(options);
</script>

我尝试使用'import'来加载mapbox-gl:

import {mapboxgl} from './node_modules/mapbox-gl/dist/mapbox-gl.js';
import mapboxgl from './node_modules/mapbox-gl/dist/mapbox-gl.js';

这不起作用:

Uncaught SyntaxError: The requested module './node_modules/mapbox-gl/dist/mapbox-gl.js' does not provide an export named 'mapboxgl'
Uncaught SyntaxError: The requested module './node_modules/mapbox-gl/dist/mapbox-gl.js' does not provide an export named 'default'

所以,然后我尝试从模块 javascript(<script type="module">..</script>)内部将脚本和css添加到document.head :

// load external mapbox-gl.js script
const mapboxgljs …