Как заставить мой собственный CSS и Javascript файл работать в моем приложении vuejs - PullRequest
1 голос
/ 17 мая 2019

я работаю над проектом, в моем приложении vuejs я заметил, что если мне нужно перейти к маршруту с параметром, мой CSS в моем index.html и мой javascript не будут включены, это даст мне эту ошибкув консоли

Uncaught SyntaxError: Unexpected token <

вот мой код маршрутизатора

import Vue from "vue";
import Router from "vue-router";
import Home from "./views/Home.vue";

Vue.use(Router);

export default new Router({
  mode: "history",
  base: process.env.BASE_URL,
  routes: [
    {
      path: "/",
      name: "home",
      component: Home
    },
    {
      path: '/profile/:id/',
      name: 'Profile',
      secure: true,
      component: () =>
      import(/* webpackChunkName: "Profile" */ "./components/slots/Users/profile.vue")
    },
    {
      path: '*',
      component: () =>
      import(/* webpackChunkName: "404" */ "./components/slots/404.vue")
    }    
  ]
});

, если я должен идти по маршруту профиля, мои css и javascript работают, но если я должен изменить его на

{
  path: '/profile/',
  name: 'Profile',
  secure: true,
  component: () =>
  import(/* webpackChunkName: "Profile" */ "./components/slots/Users/profile.vue")
},

мой css и мой javascript снова начнут работать

вот мой код index.html

<!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">
    <title>CyberSec</title>
    <link rel="shortcut icon" href="assets/ico/favicon.ico">
    <link rel="stylesheet" type="text/css" href="assets/css/theme.css">
   <link rel="stylesheet" type="text/css" href="style.css">
  </head>
  <body>
    <noscript>
      <strong>We're sorry but client doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app"></div> 
  </body>
  <script type="text/javascript" src="assets/plugins/jquery/jquery-1.12.4.min.js"></script>
    <script type="text/javascript" src="assets/js/theme.js"></script>
</html>

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

...