如何在 Vue js 中使用 arcgis js答案

【问题标题】：How can I use arcgis js in Vue js如何在 Vue js 中使用 arcgis js
【发布时间】：2021-05-04 15:26:53
【问题描述】：

arcgis的docs中有几个例子，但是我不能正常使用。当我从 arcgis 导入地图时，如 example 所示：

import Map from '@arcgis/Map'

它在浏览器中出现错误，找不到像这样的 ersi

为什么它会尝试从资产中下载文件？

【问题讨论】：

文档说：import Map from "@arcgis/core/Map";
@dhruwlalan 谢谢，我已经通过手动复制文档中的所有资产解决了这个问题。

标签： javascript vue.js arcgis

【解决方案1】：

使用带有 ES 模块的 ArcGIS JS API，您需要将@arcgis/core/assets 复制到构建目录。

这可以使用ncp npm 模块并设置类似这样的 npm 脚本来完成。

// package.json
{
    "script": {
        "start": "npm run copy && react-scripts start",
        "build": "npm run copy && react-scripts build",
        "copy": "ncp ./node_modules/@arcgis/core/assets ./public/assets"
    }
}

这是 ArcGIS JS API 文档列出如何执行此操作的方式。 https://developers.arcgis.com/javascript/latest/es-modules/

或者，如果您使用 Webpack，您也可以使用 copy-webpack-plugin 来完成它。 https://www.npmjs.com/package/copy-webpack-plugin 然后在你的webpack.config.js

const CopyWebpackPlugin = require('copy-webpack-plugin');
plugins: [
    new CopyWebpackPlugin([
        { from: './node_modules/@arcgis/core/assets', to: './public/assets' },
    ]
  ],

【讨论】：