DevTools не удалось проанализировать ошибку SourceMap после входа в систему, чтобы перенаправить на этот файл js
Я новичок в VueJS. Я слежу за одним из руководств YouTube. Давайте создадим многоцелевое приложение Laravel + Vue с помощью Code Inspire.
Это его пакет на github. https://github.com/Hujjat/laravStart
Я заметил. Когда я выхожу из системы и снова вхожу в систему, он перенаправляет в файл .js.
для моего случая: - http: //laravel-vuejs.test/js/popper.js.map
и я клонирую его проект. Я пробовал с инспектировать, я вхожу в систему, выхожу из системы и вхожу в систему. Он будет перенаправлен на http: //laravstart.test/js/laravel-vue-pagination.common.js.map
Он покажет ошибку 404. Я каждый раз удаляю /js/xxxx.js.map, а затем только в нормальное состояние.
Оба моих проекта, когда я запускаю inspect. Я заметил предупреждение Chrome.
DevTools не удалось проанализировать SourceMap: http: //laravstart.test/js/laravel-vue-pagination.common.js.map
DevTools не удалось проанализировать SourceMap: http: //laravel-vuejs.test/js/laravel-js/popper.js.map
ВАЖНАЯ ЗАМЕТКА Это происходит только когда я открываю окна проверки хрома. Если я закрою его, он вернется в нормальное состояние, значит, не будет перенаправления в файл JS.
Запись экрана: https://imgur.com/gZzcX5L
Я тестировал Chrome и Firefox, чтобы убедиться, что у них одна и та же проблема.
Но в Chrome, если я отключу настройку исходной карты, у него не будет этой проблемы.
Кто-нибудь, как это исправить? Проблема с компилированием исходной карты? файл js.map не существует.
Ответы 5
Я обнаружил, что одно решение - это фиктивный файл на public/js/popper.js.map, затем он вернется в нормальное состояние, в основном просто выполните то, что требуется для инструмента разработчика браузера, оно не будет перенаправлять на этот конкретный файл.
Я считаю, что это поведение инструментов разработчика браузера.
Я получил решение от владельца репо laraStart.
This error happens when you have an error and compile your javascript code. Later, when you fix it, it will remain in cache and happens. Please try to compile your script again and login to see.
Решение тоже работает.
Я запускаю npm update и npm run dev, все работает нормально.
Мое решение работает первые два дня, после этого не работает. Для меня создание фиктивного файла - простое решение. Забавный баг, но раздражающий ...
Да, это решение сработало и для меня ... Это, вероятно, первая ошибка, которую я не могу найти реального решения, так как ваше решение работает, похоже, что-то вроде работы :) Но спасибо!
Если вы используете Laravel Mix, вы можете сгенерировать исходные карты, вызвав метод mix.sourceMaps () в вашем файле webpack.mix.js. Это решает проблему.
mix.js('resources/js/app.js', 'public/js').sourceMaps();
Документация по исходным картам Laravel Mix
Здорово! Спасибо!!
Лучшее решение - просто скопировать popper.js.min из
node_modules - popper.js - расстояние -> popper.js.min
это решило мою головную боль
Откройте "найти в файлах", найдите каждую прокомментированную строку кода, в которой есть
sourceMappingURL=...
Удалите всю прокомментированную строку для каждого.
Здесь должно быть 3 записи в public / app.js и 1 в конце popper.js.
Если вы используете Brave Shields или блокировщик рекламы, отключите его.
В моем случае есть две ошибки SourceMap, поэтому ко мне применимы два предыдущих ответа. 1) Добавив sourceMaps () в функцию mix.js в файле webpack.mix.js
mix.js('resources/js/app.js', 'public/js').sourceMaps();
чтобы удалить ошибку исходной карты popper.js.
2) Добавление toastr.js.map в папку public / js для удаления ошибки исходной карты toastr.js.
Привет, чувак! У меня точно такая же проблема! Я запускаю npm update и npm run dev, и он сохраняется. Как вы упомянули, это происходит, только если у меня открыты инструменты разработчика. Вы в этом разобрались? Я имею в виду, что создание фиктивного файла кажется немного странным, но если это единственное решение, я пойду на него, я думаю. Спасибо!