страница не загружается, когда объединены турболинки с vue-router - PullRequest
0 голосов
/ 30 октября 2019

Я пытался добавить турболинки на свои специфические страницы SPA в моем vue-приложении с поддержкой vue-router, чтобы я мог быстрее перезагружать все не страницы SPA. так что я специально добавил эту строку кода в мой app.js файл

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

, и я добавил этот фрагмент кода в мой конечный тег тела, потому что это было сказано в документации.

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

Не берите в голову функцию микширования, это всего лишь обертка вокруг веб-пакета, которая поддерживает горячую перезагрузку

. Проблема в следующем: когда я пытаюсь полностью загрузить весь JS-файл и загрузить весь файл. Это полностью сломало бы всю страницу, как элементы страниц, такие как ранее скрытые модальные, и также навигация по боковой панели не полностью растянута вправо ... и возвращает мне что-то вроде в консоли, говоря, вероятно, что-то, что не имеет смысла и vue-рутер не будет работать друг с другом.

Uncaught 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) в Object. (VM2923 app.js: 74419) в webpack_require (VM2923 app.js: 20) в Object. (VM2923 app.js: 39593) в webpack_require (VM2923 app.js: 20) в Object. (VM2923 app.js: 39582)

...