热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

vuecli3直接importumd规范的js报错,而通过npm安装则不会

1.如何复现用Vue-cli3构建create一个项目,把popper.js放到src目录下,popper.js的规范为umd,代码如下截图

1. 如何复现

用Vue-cli3构建create一个项目,把popper.js放到src目录下,popper.js的规范为umd,代码如下截图

图片描述

然后在App.vue 中引入

1
import Popper from './popper.js'

图片描述

另一种通过npm包安装时

1
npm install popper.js --save

然后在App.vue 中引入

1
import Popper from 'popper.js/dist/umd/popper.js'

这个popper.js文件和上面放在src的js文件是一模一样的,只是位置不同,
但是执行的结果却是不一样的,如下图,能够正常导出
图片描述

这是为什么呢? 同样是import引入,而npm包引入的情况下,this和exports都是空对象{},而直接放到src引入时this和
exports都是undefined导致报错


推荐阅读
author-avatar
黄欣豪972
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有