Как я могу установить шаблон Bootstrap - Vue Admin в Laravel? - PullRequest
0 голосов
/ 10 апреля 2020

Я пытаюсь установить тему Star Admin Vue в моем проекте Laravel. Я чувствую, что я там на 95%, я вижу всю тему, некоторые пропущенные изображения только потому, что я скопировал изображения из загрузки в каталог своего собственного проекта и изменил теги sr c изображения в html, но теперь, когда я компилирую свои ресурсы, я получаю некоторые ошибки. Это похоже на ошибку с файлом /node_modules/vue-loader/lib/loaders/templateLoader.js, но я не знаю, что это значит или как решить эту проблему. Также нет ошибок в консоли.

Вот полная ошибка:

ERROR in ./resources/js/App.vue?vue&type=template&id=f348271a&lang=html& (./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/html-loader!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/App.vue?vue&type=template&id=f348271a&lang=html&)
Module Error (from ./node_modules/vue-loader/lib/loaders/templateLoader.js):
(Emitted value instead of an instance of Error) 

  Errors compiling template:

  text "module.exports = "\n" outside root element will be ignored.

  1  |  module.exports = "\n<div id=\"app\">\n    <div class=\"container-scroller\">\n        <app-header/>\n        <div class=\"container-fluid page-body-wrapper\">\n            <app-sidebar/>\n            <div class=\"main-panel\">\n                <div class=\"content-wrapper\">\n                    <router-view></router-view>\n                </div>\n                <!-- content wrapper ends -->\n                <app-footer/>\n            </div>\n            <!-- main panel ends -->\n        </div>\n        <!-- page-body-wrapper ends -->\n    </div>\n</div>\n";
     |  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

 @ ./resources/js/App.vue?vue&type=template&id=f348271a&lang=html& 1:0-251 1:0-251
 @ ./resources/js/App.vue
 @ ./resources/js/app.js
 @ multi ./resources/js/app.js ./resources/sass/app.scss

ERROR in ./resources/js/components/AppHeader.vue?vue&type=template&id=0851419a&scoped=true&lang=html& (./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/html-loader!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/components/AppHeader.vue?vue&type=template&id=0851419a&scoped=true&lang=html&)
Module Error (from ./node_modules/vue-loader/lib/loaders/templateLoader.js):
(Emitted value instead of an instance of Error) 

  Errors compiling template:

  text "module.exports = "\n" outside root element will be ignored.

  1  |  module.exports = "\n<div>\n    <b-navbar class=\"fixed-top\" toggleable=\"md\" type=\"dark\" variant=\"info\">\n        <div class=\"text-center navbar-brand-wrapper d-flex align-items-top justify-content-center\">\n            <a class=\"navbar-brand brand-logo\" href=\"\"><img src=\"" + require("../../../assets/images/logo.svg") + "\" alt=\"logo\"/></a>\n            <a class=\"navbar-brand brand-logo-mini\" href=\"\"><img src=\"" + require("../../../assets/images/logo-mini.svg") + "\" alt=\"logo\"/></a>\n        </div>\n        <div class=\"navbar-menu-wrapper d-flex align-items-center ml-auto ml-lg-0\">\n            <b-navbar-nav class=\"header-links d-none d-md-flex\">\n                <b-nav-item href=\"#\"><i class=\"mdi mdi-image-filter\"></i>Gallery</b-nav-item>\n                <b-nav-item href=\"#\" active><i class=\"mdi mdi-email-outline\"></i>Inbox</b-nav-item>\n                <b-nav-item href=\"#\"><i class=\"mdi mdi-calendar\"></i>Calendar</b-nav-item>\n            </b-navbar-nav>\n            <!-- Right aligned nav items -->\n            <b-navbar-nav class=\"ml-auto\">\n                <b-nav-item-dropdown right class=\"preview-list\">\n                    <template slot=\"button-content\">\n                        <div class=\"count-indicator\">\n                            <i class=\"icon mdi mdi-email-variant\"></i>\n                            <span class=\"count\">7</span>\n                        </div>\n                    </template>\n                    <b-dropdown-item class=\"preview-item\" href=\"#\">\n                        <p class=\"mb-0 font-weight-normal float-left\">You have 4 new notifications\n                        </p>\n                        <span class=\"badge badge-pill badge-warning\">View all</span>\n                    </b-dropdown-item>\n                    <b-dropdown-item class=\"preview-item\" href=\"#\">\n                        <div class=\"preview-thumbnail\">\n                            <div class=\"preview-icon bg-success\">\n                                <i class=\"mdi mdi-alert-circle-outline mx-0\"></i>\n                            </div>\n                        </div>\n                        <div class=\"preview-item-content\">\n                            <h6 class=\"preview-subject font-weight-medium\">Application Error</h6>\n                            <p class=\"font-weight-light small-text\">\n                                Just now\n                            </p>\n                        </div>\n                    </b-dropdown-item>\n                    <b-dropdown-item class=\"preview-item\" href=\"#\">\n                        <div class=\"preview-thumbnail\">\n                            <div class=\"preview-icon bg-warning\">\n                                <i class=\"mdi mdi-comment-text-outline mx-0\"></i>\n                            </div>\n                        </div>\n                        <div class=\"preview-item-content\">\n                            <h6 class=\"preview-subject font-weight-medium\">Settings</h6>\n                            <p class=\"font-weight-light small-text\">\n                                Private message\n                            </p>\n                        </div>\n                    </b-dropdown-item>\n                    <b-dropdown-item class=\"preview-item\" href=\"#\">\n                        <div class=\"preview-thumbnail\">\n                            <div class=\"preview-icon bg-info\">\n                                <i class=\"mdi mdi-email-outline mx-0\"></i>\n                            </div>\n                        </div>\n                        <div class=\"preview-item-content\">\n                            <h6 class=\"preview-subject font-weight-medium\">New user registration</h6>\n                            <p class=\"font-weight-light small-text\">\n                                2 days ago\n                            </p>\n                        </div>\n                    </b-dropdown-item>\n                </b-nav-item-dropdown>\n                <b-nav-item-dropdown right class=\"preview-list\">\n                    <template slot=\"button-content\">\n                        <div class=\"count-indicator\">\n                            <i class=\"icon mdi mdi-bell-outline\"></i>\n                            <span class=\"count\">7</span>\n                        </div>\n                    </template>\n                    <b-dropdown-item class=\"preview-item flex-wrap flex-sm-nowrap\" href=\"#\">\n                        <p class=\"mb-0 font-weight-normal float-left\">You have 4 unread mails</p>\n                        <span class=\"badge badge-pill badge-warning\">View all</span>\n                    </b-dropdown-item>\n                    <b-dropdown-item class=\"preview-item\">\n                        <div class=\"preview-thumbnail\">\n                            <img src=\"" + require("../../../assets/images/faces/face10.jpg") + "\" alt=\"image\" class=\"img-sm profile-pic\">\n                        </div>\n                        <div class=\"preview-item-content flex-grow py-2\">\n                            <p class=\"preview-subject ellipsis font-weight-medium text-dark\">Marian Garner </p>\n                            <p class=\"font-weight-light small-text\"> The meeting is cancelled </p>\n                        </div>\n                    </b-dropdown-item>\n                    <b-dropdown-item class=\"preview-item\">\n                        <div class=\"preview-thumbnail\">\n                            <img src=\"" + require("../../../assets/images/faces/face12.jpg") + "\" alt=\"image\" class=\"img-sm profile-pic\">\n                        </div>\n                        <div class=\"preview-item-content flex-grow py-2\">\n                            <p class=\"preview-subject ellipsis font-weight-medium text-dark\">David Grey</p>\n                            <p class=\"font-weight-light small-text\"> The meeting is cancelled </p>\n                        </div>\n                    </b-dropdown-item>\n                    <b-dropdown-item class=\"preview-item\">\n                        <div class=\"preview-thumbnail\">\n                            <img src=\"" + require("../../../assets/images/faces/face1.jpg") + "\" alt=\"image\" class=\"img-sm profile-pic\">\n                        </div>\n                        <div class=\"preview-item-content flex-grow py-2\">\n                            <p class=\"preview-subject ellipsis font-weight-medium text-dark\">Travis Jenkins</p>\n                            <p class=\"font-weight-light small-text\"> The meeting is cancelled </p>\n                        </div>\n                    </b-dropdown-item>\n                </b-nav-item-dropdown>\n                <b-nav-item-dropdown right class=\"preview-list\">\n                    <template slot=\"button-content\">\n                        <img src=\"" + require("../../../assets/images/faces/face4.jpg") + "\" alt=\"profile image\"  class=\"img-xs rounded-circle\">\n                    </template>\n                    <b-dropdown-item href=\"#\" class=\"preview-item flex-wrap\">Profile</b-dropdown-item>\n                    <b-dropdown-item href=\"#\" class=\"preview-item flex-wrap\">Signout</b-dropdown-item>\n                </b-nav-item-dropdown>\n            </b-navbar-nav>\n            <button class=\"navbar-toggler navbar-toggler-right align-self-center\" type=\"button\" @click=\"collapedMobileSidebar()\">\n                <span class=\"mdi mdi-menu\"></span>\n            </button>\n        </div>\n    </b-navbar>\n</div>\n";
     |  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

 @ ./resources/js/components/AppHeader.vue?vue&type=template&id=0851419a&scoped=true&lang=html& 1:0-278 1:0-278
 @ ./resources/js/components/AppHeader.vue
 @ ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/App.vue?vue&type=script&lang=js&
 @ ./resources/js/App.vue?vue&type=script&lang=js&
 @ ./resources/js/App.vue
 @ ./resources/js/app.js
 @ multi ./resources/js/app.js ./resources/sass/app.scss

ERROR in ./resources/js/components/AppFooter.vue?vue&type=template&id=4ab6097e&scoped=true&lang=html& (./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/html-loader!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/components/AppFooter.vue?vue&type=template&id=4ab6097e&scoped=true&lang=html&)
Module Error (from ./node_modules/vue-loader/lib/loaders/templateLoader.js):
(Emitted value instead of an instance of Error) 

  Errors compiling template:

  text "module.exports = "\n\n" outside root element will be ignored.

  1  |  module.exports = "\n\n<section class=\"app-footer\">\n  <footer class=\"footer\">\n    <div class=\"container-fluid clearfix\">\n      <span class=\"text-muted d-block text-center text-sm-left d-sm-inline-block\">Copyright © 2018 <a href=\"http://www.bootstrapdash.com/\" target=\"_blank\">Bootstrapdash</a>. All rights reserved.</span>\n      <span class=\"float-none float-sm-right d-block mt-1 mt-sm-0 text-center\">Hand-crafted & made with <i class=\"mdi mdi-heart text-danger\"></i></span>\n    </div>\n  </footer>\n</section>\n\n";
     |  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

 @ ./resources/js/components/AppFooter.vue?vue&type=template&id=4ab6097e&scoped=true&lang=html& 1:0-278 1:0-278
 @ ./resources/js/components/AppFooter.vue
 @ ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/App.vue?vue&type=script&lang=js&
 @ ./resources/js/App.vue?vue&type=script&lang=js&
 @ ./resources/js/App.vue
 @ ./resources/js/app.js
 @ multi ./resources/js/app.js ./resources/sass/app.scss

ERROR in ./resources/js/components/AppSidebar.vue?vue&type=template&id=22a4e926&scoped=true&lang=html& (./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/html-loader!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/components/AppSidebar.vue?vue&type=template&id=22a4e926&scoped=true&lang=html&)
Module Error (from ./node_modules/vue-loader/lib/loaders/templateLoader.js):
(Emitted value instead of an instance of Error) 

  Errors compiling template:

  text "module.exports = "\n\n" outside root element will be ignored.

  1  |  module.exports = "\n\n<section class=\"app-sidebar\">\n  <nav class=\"sidebar sidebar-offcanvas\" id=\"sidebar\">\n    <ul class=\"nav\">\n      <li class=\"nav-item nav-profile\">\n        <div class=\"nav-link\">\n          <div class=\"profile-image\"> <img src=\"" + require("../../../public/images/faces/face4.jpg") + "\" alt=\"image\"/> <span class=\"online-status online\"></span> </div>\n          <div class=\"profile-name\">\n            <p class=\"name\">Richard V.Welsh</p>\n            <p class=\"designation\">Manager</p>\n            <div class=\"badge badge-teal mx-auto mt-3\">Online</div>\n          </div>\n        </div>\n      </li>\n      <li class=\"nav-item\"><router-link class=\"nav-link\" to=\"/\"><img class=\"menu-icon\" src=\"" + require("../../../public/images/menu_icons/01.png") + "\" alt=\"menu icon\"><span class=\"menu-title\">Dashboard</span></router-link></li>\n      <li class=\"nav-item\"><router-link class=\"nav-link\" to=\"/widgets/\"><img class=\"menu-icon\" src=\"" + require("../../../public/images/menu_icons/02.png") + "\" alt=\"menu icon\"><span class=\"menu-title\">Widgets</span></router-link></li>\n      <li class=\"nav-item\">\n        <span class=\"nav-link\" v-b-toggle=\"'sample-pages'\">\n          <img class=\"menu-icon\" src=\"" + require("../../../public/images/menu_icons/08.png") + "\" alt=\"menu icon\"><span class=\"menu-title\">Sample Pages</span><i class=\"menu-arrow\"></i>\n        </span>\n        <b-collapse id=\"sample-pages\">\n          <ul class=\"nav flex-column sub-menu\">\n            <li class=\"nav-item\"><router-link class=\"nav-link\" to=\"/login/\">login</router-link></li>\n            <li class=\"nav-item\"><router-link class=\"nav-link\" to=\"/register/\">register</router-link></li>\n            <li class=\"nav-item\"><router-link class=\"nav-link\" to=\"/404/\">404</router-link></li>\n            <li class=\"nav-item\"><router-link class=\"nav-link\" to=\"/500/\">500</router-link></li>\n          </ul>\n        </b-collapse>\n      </li>\n      <li class=\"nav-item\">\n        <span class=\"nav-link\" v-b-toggle=\"'ui-components'\">\n          <img class=\"menu-icon\" src=\"" + require("../../../public/images/menu_icons/03.png") + "\" alt=\"menu icon\"><span class=\"menu-title\">UI Components</span><i class=\"menu-arrow\"></i>\n        </span>\n        <b-collapse id=\"ui-components\">\n          <ul class=\"nav flex-column sub-menu\">\n            <li class=\"nav-item\"><router-link class=\"nav-link\" to=\"/alerts/\">Alerts</router-link></li>\n            <li class=\"nav-item\"><router-link class=\"nav-link\" to=\"/buttons/\">Button</router-link></li>\n            <li class=\"nav-item\"><router-link class=\"nav-link\" to=\"/badges/\">Badges</router-link></li>\n            <li class=\"nav-item\"><router-link class=\"nav-link\" to=\"/breadcrumbs/\">Breadcrumbs</router-link></li>\n            <li class=\"nav-item\"><router-link class=\"nav-link\" to=\"/carousel/\">Carousel</router-link></li>\n            <li class=\"nav-item\"><router-link class=\"nav-link\" to=\"/dropdowns/\">Dropdowns</router-link></li>\n            <li class=\"nav-item\"><router-link class=\"nav-link\" to=\"/typography/\">Typography</router-link></li>\n            <li class=\"nav-item\"><router-link class=\"nav-link\" to=\"/paginations/\">Paginations</router-link></li>\n            <li class=\"nav-item\"><router-link class=\"nav-link\" to=\"/tooltips/\">Tooltips</router-link></li>\n            <li class=\"nav-item\"><router-link class=\"nav-link\" to=\"/progress/\">Progress</router-link></li>\n            <li class=\"nav-item\"><router-link class=\"nav-link\" to=\"/tabs/\">Tabs</router-link></li>\n            <li class=\"nav-item\"><router-link class=\"nav-link\" to=\"/modals/\">Modals</router-link></li>\n          </ul>\n        </b-collapse>\n      </li>\n      <li class=\"nav-item\"><router-link class=\"nav-link\" to=\"/tables/\"><img class=\"menu-icon\" src=\"" + require("../../../public/images/menu_icons/06.png") + "\" alt=\"menu icon\"><span class=\"menu-title\">Tables</span></router-link></li>\n      <li class=\"nav-item\"><router-link class=\"nav-link\" to=\"/icons/\"><img class=\"menu-icon\" src=\"" + require("../../../public/images/menu_icons/07.png") + "\" alt=\"menu icon\"><span class=\"menu-title\">Icons</span></router-link></li>\n      <li class=\"nav-item\"><router-link class=\"nav-link\" to=\"/forms/\"><img class=\"menu-icon\" src=\"" + require("../../../public/images/menu_icons/04.png") + "\" alt=\"menu icon\"><span class=\"menu-title\">Forms</span></router-link></li>\n    </ul>\n  </nav>\n</section>\n\n";
     |  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

 @ ./resources/js/components/AppSidebar.vue?vue&type=template&id=22a4e926&scoped=true&lang=html& 1:0-279 1:0-279
 @ ./resources/js/components/AppSidebar.vue
 @ ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/App.vue?vue&type=script&lang=js&
 @ ./resources/js/App.vue?vue&type=script&lang=js&
 @ ./resources/js/App.vue
 @ ./resources/js/app.js
 @ multi ./resources/js/app.js ./resources/sass/app.scss

ERROR in ./resources/js/App.vue?vue&type=style&index=1&lang=scss& (./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--7-2!./node_modules/sass-loader/dist/cjs.js??ref--7-3!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/App.vue?vue&type=style&index=1&lang=scss&)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Can't find stylesheet to import.
   ╷
64 │ @import "../../../node_modules/bootstrap/scss/functions";
   │         ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
   ╵
  assets/scss/style.scss 64:9  @import
  /Applications/XAMPP/xamppfiles/htdocs/highrjobsfinal/resources/js/App.vue 43:9                   root stylesheet
 @ ./resources/js/App.vue?vue&type=style&index=1&lang=scss& (./node_modules/style-loader!./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--7-2!./node_modules/sass-loader/dist/cjs.js??ref--7-3!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/App.vue?vue&type=style&index=1&lang=scss&) 2:14-343
 @ ./resources/js/App.vue?vue&type=style&index=1&lang=scss&
 @ ./resources/js/App.vue
 @ ./resources/js/app.js
 @ multi ./resources/js/app.js ./resources/sass/app.scss
...