index.html中引入wow.js测试部署报错问题

public/index.html

@@ -29,6 +29,10 @@
      htmlWebpackPlugin.options.cdn&&htmlWebpackPlugin.options.cdn.js) { %>
      <script src="<%= htmlWebpackPlugin.options.cdn.js[i] %>"></script>
    <% } %> -->
+  <script type="text/javascript" src="./static/js/wow.js"></script>
+  <script type="text/javascript">
+    new WOW().init()
+  </script>
 </body>
 
 </html>
\ No newline at end of file

src/main.js

@@ -25,19 +25,19 @@ Vue.use(ElementUI);
 // 全局注册动画效果
 Vue.use(animated);
 
-Vue.prototype.$wow = new WOW({
-  boxClass: 'wow', // default
-  animateClass: 'animated', // default
-  offset: 0, // default
-  mobile: true, // default
-  live: true,
-  scrollContainer: null,
-  resetAnimation: true,
-  // live为true时，控制台会提示：MutationObserver is not supported by your browser. & WOW.js cannot detect dom mutations, please call .sync() after loading new content.
-  callback: function (box) {
-    console.log("WOW: animating <" + box.tagName.toLowerCase() + ">")
-  }
-})
+// Vue.prototype.$wow = new WOW({
+//   boxClass: 'wow', // default
+//   animateClass: 'animated', // default
+//   offset: 0, // default
+//   mobile: true, // default
+//   live: true,
+//   scrollContainer: null,
+//   resetAnimation: true,
+//   // live为true时，控制台会提示：MutationObserver is not supported by your browser. & WOW.js cannot detect dom mutations, please call .sync() after loading new content.
+//   callback: function (box) {
+//     console.log("WOW: animating <" + box.tagName.toLowerCase() + ">")
+//   }
+// })
 
 Vue.prototype.$getFullUrl = getFullUrl
 new Vue({