vuepress 打包：window is not defined

最新推荐文章于 2024-07-31 00:00:42 发布

原创最新推荐文章于 2024-07-31 00:00:42 发布 · 2.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vuepress #vuepress部署

报错同时被 2 个专栏收录

5 篇文章

订阅专栏

vuepress

5 篇文章

订阅专栏

本文介绍了解决Vue项目中使用Leaflet地图插件时出现的打包错误问题。通过在enhanceApp.js中设置全局混入的方式，解决了因Node环境中缺少window对象而导致的打包失败。

我在写vue-leaflet-more插件的文档中遇到的这个问题，对leaflet感兴趣的朋友也可以多多关注vue-leaflet-more哦 ~_~

1、问题描述：

项目中，引入leaflet插件，会必须要用到window对象，打包时，提示window不存在，由于打包在node中进行的，node无window概念

2、报错提示：

3、解决方案

在enhanceApp.js中设置

可复制代码：

   Vue.mixin({
       mounted() {
            //你自己的插件地址
            import('../../src/index.js').then(module => {
                Vue.use(module.default);
            }).catch(err => {
                console.log(err);
            });
        },
    })