OpenLayers 7.10 Workshop执行npm start失败问题求助

一、npm start 报错（Missing script: "start"） #

• 确认当前操作目录：先通过cd命令切换到OpenLayers Workshop项目的根目录，再执行npm start，避免在用户主目录（比如C:\Users\john22）直接运行命令。
• 检查项目完整性：项目根目录下必须存在package.json文件，且文件内的scripts字段包含"start"脚本。如果没有，说明下载的Workshop包不完整，重新获取完整的源码包。
• 重新安装依赖：若package.json存在仍报错，先执行npm install安装所有项目依赖，完成后再运行npm start。

二、缺失ol文件的问题 #

• 通过npm引入依赖：无需手动拷贝ol文件到GeoServer目录，在项目根目录执行npm install ol安装OpenLayers，之后在代码中通过模块化方式引入：

  import Map from 'ol/Map';
  import View from 'ol/View';
  import TileLayer from 'ol/layer/Tile';
  import OSM from 'ol/source/OSM';
  

• 静态资源方式引入（非模块化场景）：从OpenLayers官网下载编译好的ol.js和ol.css，放到你的Web项目的静态资源目录（如js、css文件夹），在HTML中通过标签引入：

  <link rel="stylesheet" href="css/ol.css">
  <script src="js/ol.js"></script>
  

• GeoServer路径说明：你的Web应用代码无需放在GeoServer目录下，直接用npm start启动的开发服务器运行即可，通过OpenLayers的WMS/WFS接口访问GeoServer发布的服务。

内容的提问来源于stack exchange，提问作者Mary Johnson