如何在 Vue js 中使用 arcgis js

Question

arcgis 的文檔中有幾個示例，但我無法正確使用它。 當我從 arcgis 導入 Map 時，如該示例所示：

import Map from '@arcgis/Map'

它在沒有找到那樣的 ersi 的瀏覽器中給出錯誤

為什么它會嘗試從資產中下載文件？

Answer 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' },
    ]
  ],