结合了vue-router的Turbolink时无法加载页面

Question

我试图在由vue-router驱动的vue-app中将turbolinks添加到我的SPA特定页面，以便在所有非SPA页面中更快地重新加载。所以我专门在app.js文件

中添加了这一行代码

var Turbolinks = require('turbolinks');
Turbolinks.start();

并且我在主体标签中添加了此代码段，这是因为在文档中已经说过了。

<script data-turbolinks-suppress-warning src="{{ mix('js/app.js') }}"></script>
</body>

不要介意混合功能，它只是支持热重载的webpack的包装器

问题是：当我尝试完全加载整个JS文件并加载整个文件时。它会像整个页面元素那样完全破坏整个页面，例如以前隐藏的模式显示出来，并且侧边栏导航也没有完全向右伸展...并返回到控制台中类似的内容，可能是turbolinks和vue -路由器不会互相配合。

  

未捕获的TypeError：无法重新定义属性：$ router       在Function.defineProperty（）       在Function.install（VM2923 app.js：24905）       在Function.Vue.use（VM2923 app.js：54573）       在对象。 （VM2923 app.js：26969）       位于 webpack_require （VM2923 app.js：20）       在对象。 （VM2923 app.js：74419）       位于 webpack_require （VM2923 app.js：20）       在对象。 （VM2923 app.js：39593）       位于 webpack_require （VM2923 app.js：20）       在对象。 （VM2923 app.js：39582）