Vue+OpenLayers项目中使用图标渲染点要素不生效问题

今天在开发中碰到了使用图标渲染点要素不生效问题，报错提示如下所示

我还以为是我的路径选错了，一直在细扣路径哪里不对，也是相对路径绝对路径倒来倒去写，结果发现都是徒劳的。原本代码为：

image: new ol.style.Icon({
              scale: 0.2,
              crossOrigin: "anonymous",
              src: "../assets/sld/pressure.png",
            }),

后来经过翻阅文档和在网上进行搜索发现了问题出在src上，我们在src这里输入路径需要用require的方式引入，加上了require()之后代码就能正常运行了

image: new ol.style.Icon({
              scale: 0.2,
              crossOrigin: "anonymous",
              src: require("../assets/sld/pressure.png"),
            }),