当使用@arcgis/ MapView进行导入时，如何对核心应用样式？

Question

在我的React应用程序中，我呈现了一个MapView。但是，放大/缩小按钮以及任何弹出模板都附加在标准html格式的地图下方。

​

​

当我以前使用esri-loader导入arcgis模块时，我可以通过将CSS选项设置为true来修复此问题，如下所示。样式将与API examples匹配。

loadModules(["esri/views/MapView"], {css: true})

但我在MapView类中找不到CSS或样式属性的任何实例。那么，在使用@arcgis/core进行导入时，如何应用此样式？

Answer 1

文档建议使用importing directly from the cdn

@import "https://js.arcgis.com/4.20/@arcgis/core/assets/esri/themes/dark/main.css";

或者，如果要从本地导入，可以遵循their instructions以引用本地资源，并从node_modules导入：

@import "@arcgis/core/assets/esri/themes/dark/main.css";