javascript - 如何在 Vue js 中使用 arcgis js
问题描述
arcgis 的文档中有几个示例,但我无法正确使用它。当我从 arcgis 导入 Map 时,如该示例所示:
import Map from '@arcgis/Map'
为什么它会尝试从资产中下载文件?
解决方案
使用带有 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' },
]
],
推荐阅读
- php - 如何在foreach循环中获得唯一值
- html - CSS 边框:Firefox/Chrome 的区别
- ansible - 在 Ansible 中从多个变量源导入用户变量
- python-3.x - 虽然找到当前和上一个得到错误“列表”对象的两个熊猫元素的最大值,但没有属性“最大值”
- docker - 运行类似于 Kubernetes 仪表盘的网页
- sql - 用于 abc 分析的 Postgresql for 循环
- excel - 查找存在空白单元格的第 2 和第 3 最常见文本字符串的函数
- unity3d - 将 Unity 应用程序部署到 Hololens 模拟器时出现“错误 DEP6957 无法使用通用身份验证连接到设备”
- node.js - tslint 方法返回类型文档
- php - Laravel,四种模型关系