vue 引入第三方js报错undefined

今天在项目中使用到高德地图，在本地npm run dev运行起来没有问题，可是在打包发布到测试环境后，使用高德地图的界面就会报Amap undefined，按照自己原先的教程（vue2（webpack）调用amap高德地图及其UI组件和标记物）应该是没有问题的，其他项目也是这么用的，可是这次怎么不行了？然后F12打开刷新页面看了下，发现原来没有加载高德地图的js。额，可是为什么呢？之前的项目怎么就没有问题？想想应该是包的问题。

找到了两个打包文件：

webpack.dev.config.js关键部分如下：

new HtmlWebpackPlugin({title: '后台管理',filename: '../index.html',inject: false}),

而webpack.test.config.js关键部分如下：

 new HtmlWebpackPlugin({title: '后台管理',favicon: './td_icon.ico',filename: '../index.html',template: '!!ejs-loader!./src/template/index.ejs',//这个是编译是用到的模板，像高德地图之类的东西都放这里面才能打包进去inject: false})

那么重点就是在template配置项上了，原来，项目在npm run dev 的时候，走的是默认的项目根目录下的index.html。而在测试环境，用了ejs模板类型的index.ejs目录在./src/template/下。ok，那么找到index.ejs文件，将需要的高德地图js配置进去就可以了。

想要了解HtmlWebpackPlugin的，可以参考这个博客哦：https://segmentfault.com/a/1190000013883242

vue 引入第三方js报错undefined相关推荐

vue引入第三方js的方案报错
vue引入第三方js的方案报错< 问题描述 vue项目中引用一个外部js包 npm中没有响应的js下载所以只能通过外部引用使用方法如下: 1.首先是第三方js包存放的位置一定要放在 st ...
vue echarts使用map地图引入china.js报错Cannot read property ‘echarts’ of undefined
下载china.js导入项目中引入,会报错Cannot read property 'echarts' of undefined import Echarts from "echarts&q ...
ie8 js未指明的错误_修复ueditor百度编辑器在IE8下shCore.js报错'undefined'错误的问题...
ueditor在IE8下点击任意文本框报脚本错误错误问题: 在IE8下出现脚本错误 'undefined' 为空或不是对象的问题出现问题的文件为: 行数:299行文件路径:ueditor\th ...
vue引入百度地图报错 BMap未定义 error ‘BMap‘ is not defined
vue项目引入百度地图报错 BMap未定义; 在经过了多次的测试后,修改webpack等配置文件后,发现了一个十分便捷的处理方法: 首先是在地图加载的方法中打印了window,发现BMap是挂载在w ...
vue引入组件路径报错“Already included file name ”
vue进入组件时组件路径报错,报错信息Already included file name 原因:更名时只改变了大小写解决方案: 引入时路径不添加.vue后缀修改为其他名字(仅改变字母大小写无效) ...
Vue引入第三方js库
情况一:无法通过npm install安装包引入方法一:在index.html中引用script 直接在index.html中引用script,任何时候皆可用!! 注意:第三方js必须放在stati ...
VUE 引入第三方js包及调用
1.首先是第三方js包存放的位置一定要放在 static 目录下否则引用不到 2.网上查找到的引用第三方包的四种方式实测部分第三方js包没法使用,较稳定的方式是在 index.html 中引入js ...
php引入外部js,vue.js怎么引入外部js,vue引入第三方js库
vue.js怎么引入外部js·怎么介绍外部js,在vue.js中引入外部js的方法如下:1.使用外部文件[config.js],代码为[函数格式XML(text){ return text }]:2. ...
html中如何引入vue,vue.js怎样引入到HTML中,vue引入第三方js库
vue.js怎样引入到HTML中如何将vue.js引入HTML,把vue.js引入HTML的方法:一.下载vue . js:然后在HTML中添加vue.js包,其语法为"script src ...

vue 引入第三方js报错undefined

vue 引入第三方js报错undefined相关推荐

最新文章

热门文章