vue引入外部js后出现appendChild is not a function的报错。

Question

目前遇到的问题是，在拷贝一个网页的js文件的时候（只有单个），放在纯html的head标签中通过script直接引入的话没有报错，也能正常使用，但是在vue中引入js文件却报错，报错的内容为：

我尝试了几种引入的方式，第一种是直接在index.html中引入，如图：

第二种是在组件内部使用，但是仍旧遇到这样的报错：

想请问这是我引入方式有误还是什么？appendchild is not a function的报错原因是什么？

Answer 1

引入的方式应该是没有问题的,可能是里面的代码在vue框架下执行的问题. 根据的你报错 你可以在引入的文件中 打印一下 box 同时在纯html引入的情况打印 box 查看box是否存在且相同