写vue项目时需要用到第三方js文件，引入时有问题

最新推荐文章于 2024-02-22 10:57:30 发布
最新推荐文章于 2024-02-22 10:57:30 发布
阅读量678 收藏 1
点赞数
分类专栏： 日常记录 文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yang___yang_/article/details/122345820
版权

Vue import 外部JS public目录 路径引用
关键词由CSDN通过智能技术生成

最近在写vue项目时，需要用到第三方的js文件，是一个类似于这种的：
a.min.js文件
想到的第一种方法自然是是以哦那个import导入，但是，这个js文件竟然不支持import导入，直接pass，毕竟俺这种小菜鸡看源码也看不懂，不然还能改改源码啥的；
第二种，在入口文件index.html里引入，因为我把这个js文件放在了utils文件夹里，所以我使用相对路径和绝对路径都试了，结果还是不行；
最后，我把这个js文件放在一个文件夹里，然后把这个文件夹放在public文件夹里，再引入就成功了
在这里插入图片描述
在这里插入图片描述

我好菜呐
关注
专栏目录
Vue cli 引入第三方JS和CSS的常用方法分享
10-18
下面小编就为大家分享一篇Vue cli 引入第三方JS和CSS的常用方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Vue如何引入远程JS文件
11-27
最近在使用 Vue 做东西，用到钉钉扫描登录的功能，这里需要引入远程的 js 文件，因为 Vue 的方式跟之前的不太一样，又不想把文件下载到本地应用，找了一下解决的方法，貌似都需要引入第三方的库，最后找到了解决方案...
解决vue单页面应用进入页面加载所有 js 的问题
11-19
一般在index.js中都是这么引入的组件 import from '@/pages/my' import Cart from '@/pages/cart' import Order from '@/pages/order' import TMap from '@/pages/map' import New from '@/pages/new' 换成这样就好啦 const My = r => require.ensure([], () => r(require('@/pages/my')), 'my') const Cart = r => require.ensure([], () =>
vue项目引入第三方js插件，单个js文件引入成功，使用该插件方法时报错（问题已解决）...
weixin_30338461的博客
04-13 1990
1、引入第三方js文件，npm安装不了 2、控制台显示引入成功 3、在methods下使用 图片看不清请看下面代码 updateTime() { setInterval(()=>{ var cd = new Date(); var lunar = calendarNU.s...
vue引入第三方js文件
weixin_43805439的博客
07-09 7257
1.把js文件放入静态文件文件夹(static)下； 2.修改build>webpack.base.conf.js文件 在resolve.alias添加需要的js文件 3.在需要的页面引入
vue项目引入第三方js插件，单个js文件引入成功，使用该插件方法时报错
weixin_43294092的博客
07-01 1580
vue项目引入第三方js插件，单个js文件引入成功，使用该插件方法时报错 1、引入第三方js文件，npm安装不了 2、控制台显示引入成功 3、在methods下使用 图片看不清请看下面代码 updateTime() { setInterval(()=>{ var cd = new Date(); var lunar = calendarNU.solar2lunar();//此处是引用插件方法 this.time = th
VUE中引入外部jquery.min.js文件
最新发布
weixin_45859470的博客
02-22 1492
【代码】VUE中引入外部jquery.min.js文件。
Vue项目中引入外部文件的方法（css、js、less）
10-19
在某些情况下，我们可能需要引入第三方库如jQuery。与css文件类似，需要先通过npm安装所需的js模块，之后在Webpack配置文件中引入必要的插件。这里还需要用到ProvidePlugin，该插件的作用是让浏览器全局都能访问到...
Vue中使用ElementUI使用第三方图标库iconfont的示例
10-17
在Vue.js项目中集成ElementUI和第三方图标库iconfont的示例主要涉及几个关键步骤。首先，要选择一个图标库，本例中使用的是阿里巴巴的iconfont图标库。其次是将所需图标添加到项目中，并进行一些必要的配置，包括...
vue组件内部引入外部js文件的方法
11-21
之所以要做这个是因为，在一个组件内部需要引入一个js文件来定位。如果放在index.html，这样每个组件都会有这个js。所以需要在组件内单独引入。 第一种操作 Dom引入js： export default { mounted() { const s = document.createElement('script'); s.type = 'text/javascript'; s.src = '你的需要的js文件地址'; document.body.appendChild(s); }, } 第二种使用 createElement 方法： export default
Vue系列:在离线环境下部署，CDN无法访问导致vuex.min.js、axios.min.js和vue-router.min.js的cdn地址无法访问
浪潮行舟_chenjin2136
04-21 1883
将这些文件下载到本地，并将它们添加到项目的静态资源目录中，在HTML文件中使用相对路径进行引用。等，可能是因为这些文件被从CDN地址引用，而你的内网环境无法访问这些CDN地址。语句进行引用，这样就不需要从CDN地址引用了。在无外网环境下部署Vue项目，如果在内网环境中无法访问到一些必须的文件，比如。使用npm安装这些依赖包，并在Vue项目中通过。然后在需要使用这些库的文件中通过。有其他好的方式，欢迎一起交流。
2021-09-28 vue项目引入第三方js文件失败的解决方法
bbt953的博客
09-28 2594
es5引入js文件的用法是script es6不能在用script了，如果vue项目中用script引入js文件是不生效的 此处，我引入的是echarts的中国地图数据文件 `//chinaJson.js var chinaJson = { //此处是中国地图的json数据，可在 以下链接找到中国国内所有省市区的json数据http://datav.aliyun.com/tools/atlas/index.html#&lat=30.332329214580188&lng=106.722786
一文解决 Vue 引入外部的 js 文件时失效问题
热门推荐
南淮北安的博客
06-17 1万+
文章目录一、问题引入二、问题分析与解决 一、问题引入 这是 user.js 的内容： new Vue({ el: "#app", data: { message: "hello vue...." } }); 感觉没啥问题，但是就是显示不出来： 二、问题分析与解决 下面列下常见的错误： （1）注意路径的写法： （2）注意对于 use.js 的加载顺序应该放在 vuejs 和 axios 之后或者参考（4）引入参数defer 或者 async： （3）对于引入文
Vue 动态引入外部js文件
a736755244的博客
08-05 6530
前端项目 优化 打包 Vue 动态引入外部js文件
Vue引入第三方js库
yiyueqinghui的博客
11-23 1万+
Vue引入第三方js库 在index.html中引用script 直接在index.html中引用script，任何时候皆可用！！ 注意：第三方js必须放在static目录下 <!DOCTYPE html> <html> <head> &amp
vue引入静态js文件(以引入adaPay.min.js文件为例)
qq_38123697的博客
03-16 2942
vue引入静态js文件 注：附Adapay的SDK引入方法 废话不多说直接上代码 // 公众号可以，小程序不可以。公众号按照正常工具类引入即可。（文件路径一定要正确） import AdaPay from '@/js_sdk/adaPay/adaPay.min' 下图是我的文件路径、js_sdk在src目录下 // 在methods中的支付事件中调用AdaPay.doPay即可 creat...
vue项目接入第三方远程js文件
weixin_42220039的博客
08-29 1080
vue 项目中接入第三方客服js文件，可用iframe 引入外部html文件 将html文件存放在static文件下 <div> <iframe src="../../static/plusPro.html" width="1200" height="300" frameborder="0" scr
vue项目加载第3方js优化
weixin_33909059的博客
07-07 205
项目写到最后需要优化的时候，发现有很多首屏用不到的第3方js都写在index.html里，严重拖慢的网页的加载速度，这里的第3方组件大多不能通过npm或其他模块安装，所以不能直接用vue里的异步组件，比如高德地图的jssdk和它的ui组件，最简单的方法就是在document里插入script。 所以就有了下面的方案。 先定义一个把js插入...
Vue实现查询表单导出为Excel文件的JavaScript解决方案
这个zip压缩包很可能是包含了实现功能所需的JavaScript库文件，例如可能是某个第三方库的压缩文件，比如`xlsx`或者`exceljs`等。 描述中简单地提到这些JS文件是“vue查询表单导出excel文件所需”，这表明这些文件是...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

我好菜呐

啊？真的给我打赏嘛？？

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值