Пустая страница Vue Router - PullRequest
Новая
       7

Пустая страница Vue Router

0 голосов
/ 26 июня 2019

Я хочу, чтобы мой HTML-шаблон был перенесен в Vue Router. Я делаю это. Я могу просмотреть свой проект с помощью npm run serve code. Не NMP запустить Dev. Проект создан с помощью vue create code. Я строю этот проект и index.html пустую страницу. Не консольная ошибка или любая ошибка.

Я попробовал новый проект VUE с Webpack. (vue init webpack project) И дайте мне ошибку ссылки в файле main.css.

Routes.js: 

 import Home from './components/Home';
export const routes = [
  { path: '/', component : Home , name : 'home', 
  meta: {
      title: 'Web Page',
      metaTags: [
        {
          name: 'description',
          content: 'The home page of our example app.'
        },
        {
          property: 'og:description',
          content: 'The home page of our example app.'
        }
      ]
    }
  }
]

Public/index.html (imported css and js files) : 
<!doctype html>
<html lang="tr">

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, 
 shrink-to-fit=no">
<link rel="icon" href="./favicon.ico">

<!-- Bootstrap core CSS -->
<link href="/css/bootstrap.min.css" rel="stylesheet">
<!-- main css file -->
<link href="/css/main.min.css" rel="stylesheet">

</head>

<body><!-- start body -->
<noscript>
  <strong>We're sorry but kriptovue 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="/js/jquery.min.js"></script>
<script src="/js/popper.min.js"></script>
<!-- bootstrap JavaScript -->
<script src="/js/bootstrap.min.js"></script>
<!-- template JavaScript -->
<script src="/js/template-scripts.js"></script>
<!-- flickity JavaScript -->
<script src="/js/flickity.pkgd.min.js"></script>
<!-- carousel JavaScript -->
<script src="/owlcarousel/owl.carousel.min.js"></script>
<!-- parallax JavaScript -->
<script src="/js/parallax.min.js"></script>
<!-- mailchamp JavaScript -->
<script src="/js/mailchamp.js"></script>
<!-- bootstrap offcanvas -->
<script src="/js/bootstrap.offcanvas.min.js"></script>
<!-- touchSwipe JavaScript -->
<script src="/js/jquery.touchSwipe.min.js"></script>
<!-- ajax mailer -->
<script src="/js/mailer.js"></script>
<!-- seconde style additionel JavaScript -->
<script src="/js/particles-code.js"></script>
<script src="/js/particles.js"></script>
<script src="/js/smoothscroll.js"></script>
</body>
</html>

Vue версия: 2.9.6 Версия Vue Router: 3.0.6

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

...