npm run dev启动项目报错 document is not defined

npm run dev启动项目报错 document is not defined 难解之题

背景：当接口调用失败要给用户个报错的弹出信息，给文件request.js中用import方式单独引入了element-ui下的Message和Message.box组件，报错 截图如下：

ReferenceError: document is not defined
    at Object.<anonymous> (G:\cd\node_modules\element-ui\lib\utils\dom.js:22:39)
    at Module._compile (internal/modules/cjs/loader.js:689:30)
    at Module._compile (G:\cd\node_modules\pirates\lib\index.js:99:24)
    at Module._extensions..js (internal/modules/cjs/loader.js:700:10)
    at Object.newLoader [as .js] (G:\cd\node_modules\pirates\lib\index.js:104:7)
    at Module.load (internal/modules/cjs/loader.js:599:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:538:12)
    at Function.Module._load (internal/modules/cjs/loader.js:530:3)
    at Module.require (internal/modules/cjs/loader.js:637:17)
    at require (internal/modules/cjs/helpers.js:22:18)
    at Object.<anonymous> (G:\cd\node_modules\element-ui\lib\utils\popup\popup-manager.js:9:12)
    at Module._compile (internal/modules/cjs/loader.js:689:30)
    at Module._compile (G:\cd\node_modules\pirates\lib\index.js:99:24)
    at Module._extensions..js (internal/modules/cjs/loader.js:700:10)
    at Object.newLoader [as .js] (G:\cd\node_modules\pirates\lib\index.js:104:7)
    at Module.load (internal/modules/cjs/loader.js:599:32

经过一点一点排查，发现别的引用request.js的接口文件都没有问题，只有login接口文件引用时报错。

各种查 原因是什么？未解 知道的大侠可以帮忙解惑下，谢谢

解决问题：

如果就是非要使用弹出组件 可以用下面的方法

重新引入vue初始化 代码如下： 

//1.首先引入`vue`
import Vue from 'vue'

//2.创建vue的实例
let v = new Vue()

//3.通过vue实例调用组件
v.$message.success('内容')

终于大功告成！憋了好久

每天记录一点，助力成长！

欢迎大家来浏览我的博客，如发现我有写错的地方，欢迎交流指正。

如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！