Fatal编程技术网
  • vue.js/
  • Vue.js 如何使自定义CSS和Javascript文件在vuejs应用程序中工作

Vue.js 如何使自定义CSS和Javascript文件在vuejs应用程序中工作

vue.js vuejs2

Vue.js 如何使自定义CSS和Javascript文件在vuejs应用程序中工作,vue.js,vuejs2,vue-router,apollo-client,Vue.js,Vuejs2,Vue Router,Apollo Client,我在一个项目中工作，在我的vuejs应用程序中，我注意到如果我导航到带有参数的路由，我的index.html中的CSS和javascript将不包括在内，它将在控制台中给我这个错误 Uncaught SyntaxError: Unexpected token < 如果我转到配置文件路径，我的css和javascript工作，但是如果我将其更改为 { path: '/profile/', name: 'Profile', secure: true, component: (

我在一个项目中工作，在我的vuejs应用程序中，我注意到如果我导航到带有参数的路由，我的index.html中的CSS和javascript将不包括在内，它将在控制台中给我这个错误

Uncaught SyntaxError: Unexpected token <
如果我转到配置文件路径，我的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>


网络安全
很抱歉，没有启用JavaScript，客户端无法正常工作。请使其继续。
请告诉我如何解决这个问题，或者我做错了什么

在您的所有资产文件前放置一个
/
/assets/ico/favicon.ico
、
/assets/css/theme.css
和
/style.css
。在所有资产文件前放置一个
/
/assets/ico/favicon.ico
，
/assets/css/theme.css
和
/style.css
。 
<!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>