ant design pro v6如何引入第三方js？如腾讯地图等！

由于ant pro隐藏.html，需要通过他们约定的方式引入即可。

1.配置config文件

/config/config.ts
  headScripts: [
    // 解决首次加载时白屏的问题
    { src: '/scripts/loading.js', async: true },
    { src: "https://map.qq.com/api/gljs?v=1.exp&key=你的腾讯地图秘钥", async: true },//在这里引入
  ],
1
2
3
4
5
6

2.使用

  useEffect(() => {
    const center = new TMap.LatLng(39.984104, 116.307503);
    //初始化地图
    const map = new TMap.Map('container', {
      rotation: 20, //设置地图旋转角度
      pitch: 30, //设置俯仰角度（0~45）
      zoom: 12, //设置地图缩放级别
      center: center, //设置地图中心点坐标
    });
  }, []);
  <div id="container">13</div>
1
2
3
4
5
6
7
8
9
10
11

这个时候会报红

解决

/typings.d.ts
declare const TMap: any;//增加这一行即可
1
2

3.效果