Javascript и css не загружаются на новой странице Vue JS

Это страница под названием adminDashBoard

<template>

    <div>

        <AdminTopHeader></AdminTopHeader>
        <AdminSideBar></AdminSideBar>
        <div id = "page-wrapper">
            <CreateAdmin></CreateAdmin>
            
        </div>
    </div>
    
</template>

<script>
import AdminTopHeader from '../layoutComponents/adminTopHeader';
import AdminSideBar from '../layoutComponents/adminSideBar';
import CreateAdmin from '../adminComponents/createAdmin';

    export default {
        name: "adminDashBoard",
        components: {
            AdminTopHeader,
            AdminSideBar,
            CreateAdmin,
            
        }
    }
</script>

<style scoped>

</style>

Затем у меня есть индекс html, содержащий все необходимые css и js.

<!DOCTYPE html>
<html lang = "en">
<head>
    <meta charset = "utf-8">
    <meta http-equiv = "X-UA-Compatible" content = "IE=edge">
    <meta name = "viewport" content = "width=device-width,initial-scale=1.0">
    <link rel = "icon" href = "favicon.ico">
    <title>client2020i</title>

    <link href = "/public/assets/bootstrap/dist/css/bootstrap.min.css" rel = "stylesheet">
    <link href = "/public/assets/plugins/bower_components/bootstrap-extension/css/bootstrap-extension.css" rel = "stylesheet">
    <!-- Menu CSS -->
    <link href = "/public/assets/plugins/bower_components/sidebar-nav/dist/sidebar-nav.min.css" rel = "stylesheet">
    <!-- toast CSS -->
    <link href = "/public/assets/plugins/bower_components/toast-master/css/jquery.toast.css" rel = "stylesheet">
    <!-- morris CSS -->
    <link rel = "stylesheet" href = "https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity = "sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin = "anonymous">
   
    <!-- animation CSS -->
    <link href = "/public/assets/css/animate.css" rel = "stylesheet">
    <!-- Custom CSS -->
    <link href = "/public/assets/css/style.css" rel = "stylesheet">
    <!-- color CSS -->
    <link href = "/public/assets/css/colors/default-dark.css" id = "theme" rel = "stylesheet">
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src = "https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src = "https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->

    <style>
        a { cursor: pointer; }
    </style>
    
</head>
<body>
    <noscript>
      <strong>We're sorry but client2020i doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id = "app">
    </div>
            <!-- built files will be auto injected -->
    <!-- jQuery -->

   <script src = "/public/assets/plugins/bower_components/jquery/dist/jquery.min.js"></script>
   <!-- Bootstrap Core JavaScript -->
   <script src = "/public/assets/bootstrap/dist/js/tether.min.js"></script>
   <script src = "/public/assets/bootstrap/dist/js/bootstrap.min.js"></script>
   <script src = "/public/assets/plugins/bower_components/bootstrap-extension/js/bootstrap-extension.min.js"></script>
   <!-- Menu Plugin JavaScript -->
   <script src = "/public/assets/plugins/bower_components/sidebar-nav/dist/sidebar-nav.min.js"></script>
   <!--slimscroll JavaScript -->
   <script src = "/public/assets/js/jquery.slimscroll.js"></script>
   <!--Wave Effects -->
   <!-- <script src = "./assets/js/waves.js"></script> -->
   <!--Counter js -->
   <script src = "/public/assets/plugins/bower_components/waypoints/lib/jquery.waypoints.js"></script>
   <script src = "/public/assets/plugins/bower_components/counterup/jquery.counterup.min.js"></script>
   <!--Morris JavaScript -->
   <!-- <script src = "./assets/plugins/bower_components/raphael/raphael-min.js"></script> -->
   <!-- <script src = "./assets/plugins/bower_components/morrisjs/morris.js"></script> -->
   <!-- Custom Theme JavaScript -->
   <script src = "/public/assets/js/custom.min.js"></script>
   <!-- <script src = "./assets/js/dashboard1.js"></script> -->
   <!-- Sparkline chart JavaScript -->
   <!-- <script src = "./assets/plugins/bower_components/jquery-sparkline/jquery.sparkline.min.js"></script> -->
   <!-- <script src = "./assets/plugins/bower_components/jquery-sparkline/jquery.charts-sparkline.js"></script> -->
   <script src = "/public/assets/plugins/bower_components/toast-master/js/jquery.toast.js"></script>
   <!--Style Switcher -->
   <script src = "/public/assets/plugins/bower_components/styleswitcher/jQuery.style.switcher.js"></script>
  </body>
</html>

Всякий раз, когда вы заходите на страницу adminDashBoard, она не загружает все необходимые CSS, пока страница не обновится. Я проверил свою сеть в консоли, и как только вы войдете в систему и окажетесь на странице, она не получит никаких необходимых ресурсов. Я новичок в vue, извиняюсь за любые ошибки

import Vue from 'vue';
import VeeValidate from 'vee-validate';

import { store } from './_store';
import { router } from './_helpers';
import App from './app/App';

Vue.use(VeeValidate);


new Vue({
    el: '#app',
    router,
    store,
    render: h => h(App)
});

ты найдешь какое-нибудь решение этой проблемы?

— 29.12.2018 11:55

javascript jquery html css vue.js

29.11.2018 19:54

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

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

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

617

Другие вопросы по теме

Как лучше всего создавать всплывающее окно, когда пользователь уходит с сайта

Почему не работают мои условия для игры камень, ножницы, бумага?

Выделите строку с нулевым значением - jQuery (работает не так, как ожидалось)

Проблема с select2 в IE-совместимом режиме IE = EmulateIE7

Вычислить возраст с учетом даты рождения в формате гггг-мм-дд

Slickgrid автоматический перенос слов и регулировка высоты строк

Абзац, видимый при входе в зону div

Как удалить все элементы li того же класса, кроме первого элемента li в jquery или javascript

Получите уникальные значения из JSON

Добавление данных в базу данных с помощью ajax jquery в laravel

Javascript и css не загружаются на новой странице Vue JS

Другие вопросы по теме

Похожие вопросы