В чем проблема с работой jquery с Laravel

#javascript #php #jquery #laravel

#javascript #php #jquery #laravel

Вопрос:

Я работаю с Laravel 5.8 и установил Bootstrap 4, используя NPM и Laravel mix. Мой webpack.mix.js это похоже на это

 const mix = require('laravel-mix');

mix.autoload({
  jquery: ['

Мой package.json выглядит так:

 "devDependencies": {
  "axios": "^0.19",
  "bootstrap": "^4.0.0",
  "cross-env": "^5.1",
  "jquery": "^3.5.1",
  "laravel-mix": "^4.0.7",
  "lodash": "^4.17.13",
  "popper.js": "^1.12",
  "resolve-url-loader": "^2.3.1",
  "sass": "^1.15.2",
  "sass-loader": "^7.1.0",
  "vue": "^2.5.17",
  "vue-template-compiler": "^2.6.12"
},
 

У меня есть следующий код jQuery для работы кнопки переключения в блейд-файле, и он расширяется с помощью app.blade.php файл также.

 <script>
  $("#menu-toggle").click(function(e) {
    e.preventDefault();
    $("#wrapper").toggleClass("toggled");
  });
</script>
 

Кнопка переключения не работает. У меня следующее сообщение об ошибке в консоли браузера:

[Предупреждение Vue]: Ошибка компиляции шаблона: шаблоны должны отвечать только за отображение состояния в пользовательский интерфейс. Избегайте размещения тегов с побочными эффектами в ваших шаблонах, таких как , поскольку они не будут проанализированы. Вы используете Vue в режиме разработки. Обязательно включите рабочий режим при развертывании для производства. Смотрите больше советов на https://vuejs.org/guide/deployment.html Ошибка исходной карты: Ошибка: запрос не выполнен со статусом 404 URL ресурса: http://localhost:8000/js/app.js URL-адрес исходной карты: popper.js.map

Как я могу исправить эту проблему?


, 'window.jQuery', 'jQuery'],
'popper.js/dist/umd/popper.js': ['Popper']
})
.js('resources/js/app.js', 'public/js')
.sass('resources/sass/app.scss', 'public/css');

mix.copyDirectory('node_modules/@fortawesome/fontawesome-free/webfonts', 'public/webfonts');
Мой package.json выглядит так:


У меня есть следующий код jQuery для работы кнопки переключения в блейд-файле, и он расширяется с помощью app.blade.php файл также.


Кнопка переключения не работает. У меня следующее сообщение об ошибке в консоли браузера:

[Предупреждение Vue]: Ошибка компиляции шаблона: шаблоны должны отвечать только за отображение состояния в пользовательский интерфейс. Избегайте размещения тегов с побочными эффектами в ваших шаблонах, таких как , поскольку они не будут проанализированы. Вы используете Vue в режиме разработки. Обязательно включите рабочий режим при развертывании для производства. Смотрите больше советов на https://vuejs.org/guide/deployment.html Ошибка исходной карты: Ошибка: запрос не выполнен со статусом 404 URL ресурса: http://localhost:8000/js/app.js URL-адрес исходной карты: popper.js.map

Как я могу исправить эту проблему?