问题一:安装ol之后会提示下载babel
npm install --save-dev @babel/core @babel/preset-env babel-loader --legacy-peer-deps(由于我当前的node版本过高,要加 --legacy-peer-deps才能下载)
问题二:资源配置安装后,一直报错
in ./node_modules/color-parse/index.js
Module parse failed: Unexpected token (146:34)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders | })|> space = cstr.match(/([a-z])/ig)?.join('')?.toLowerCase() || 'rgb'| }|@ ./node_modules/color-rgba/index.js 2:0-31 14:14-19
@ ./node_modules/ol/color.js
@ ./node_modules/ol/style/IconImageCache.js
@ ./node_modules/ol/renderer/Map.js
@ ./node_modules/ol/renderer/Composite.js
@ ./node_modules/ol/Map.js
@ ./node_modules/ol/index.js
@ ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/kkGis/gis2.vue?vue&type=script&lang=js
@ ./src/views/kkGis/gis2.vue?vue&type=script&lang=js
@ ./src/views/kkGis/gis2.vue
@ ./src sync ^\.\/.*\.vue$
@ ./src/utils/util.js
@ ./src/permission.js
@ ./src/main.js
@ multi (webpack)-dev-server/client?http://192.168.100.105:3001/sockjs-node (webpack)/hot/dev-server.js ./src/main.js
此错误一直困扰我很久,后来百度查询了半天,发现可能是因为openlayers版本过高而导致的。此错误发生在安装的最新版本openlayers9上,于是卸载ol,npm uninstall ol(卸载命令),安装了版本6的ol,npm install ol@6.5.0。最后npm run serve启动项目
以上两个问题困扰了我很久,希望给初学者一点帮助,网上帖子虽多,但问题点也是五花八门,需要我们一点点的发现问题所在。