vue 引入外部 js 文件

这两个脚本是互相依赖的。

之前的项目是直接这样引用的。
clipboard.png

现在是
clipboard.png
但是有报错
clipboard.png

我应该怎么引入这两个第三方脚本呢?求大神解答

阅读 24.9k
6 个回答

遇到这种不是模块化得三方库,要么改造下它export出去 要么放到static然后在index.html里面用script标签全局引入

在iscroll.js 和iuosselect.js 文件中分别先用exprot 抛出你的这两个js

export function isCroll(){ 包起来 }
export function iosSelect(){ 包起来 }

接下来就是你现在的引入了,你现在写的有一点的错误是:
import {isCroll} from '../../XX' 这个大括号内的就是你刚才 export 的方法名, 接下来你只需要在生命周期里面调用一下这个方法名, 就可以了   isCroll() 。 

望采纳~

因为这两个第三方库不符合ES6 module规范(AMD规范),所以不能使用import引入,可以尝试改造这两个库

  1. 在模板index.html模板中引入<script>标签
  2. 修改源码使其支持es6模块支持
  export default iscroll

webpack使用第三方的框架,应该使用 npm install 安装在本地 然后通过 import移引入,有时还需要在配置文件中加入相应的配置,例如,vue使用jquery,就需要写入相关的配置

题主,在下试了一下npm安装包以及常规import,是可行的

clipboard.png

clipboard.png

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题