[Vue公司提醒]：用更新的所有組件#APP

我有一個新的安裝laravel項目：找不到元素。[Vue公司提醒]：用更新的所有組件#APP

我所做的是試圖在我的welcome.blade.php文件中添加app.js，添加後下面我得到這個錯誤

[Vue公司提醒]：找不到元素：#APP

我跟着這個線程，但我的腳本是在頁面的底部，這是不相關的。 https://laracasts.com/discuss/channels/vue/fresh-laravel-setup-and-vue-2-wont-work

這是我的文件

<!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"> 

    <title>{{$project}} | {{ $title }}</title> 

    <!-- Fonts --> 
    <link href="https://fonts.googleapis.com/css?family=Raleway:100,600" rel="stylesheet" type="text/css"> 

    <!-- Styles --> 
    <link href="/css/app.css" rel="stylesheet" type="text/css"/> 

    <style> 
     ... 
    </style> 
    </head> 
    <body class="sticky-nav"> 
    <div id="nav"> 
    <div class="display-sm"> 
     <header class="top-header"> 
      <span class="menu-icon">☰</span> 
     </header> 
    </div> 
     <div class="custom-container"> 
     <div id="logo" class="float-left"> 
      <img alt="xyz" src="/images/xyz.png"/><span> xyz</span> 
     </div> 
     <div id="btn-project" class="float-right"> 
      <a title="project" href="#" class="btn btn-project">Project</a> 
     </div> 
    </div> 
    </div> 
    <div class="sub-container"> 
    <h1 id="header-title">{{ $header_title }}</h1> 
    <h2 id="meta-data"><i class="fa fa"></i>{{$location}} <span id="category"> <i></i>{{$category}} </span></h2> 
    <div class="clear"></div> 

    </div> 
    <script src="/js/app.js"></script> 
    <script> 
    var wrap = $(".sticky-nav"); 

    wrap.on("scroll", function (e) { 

     if (this.scrollTop > 147) { 
      wrap.find('#nav').addClass("fix-nav"); 
     } else { 
      wrap.find('#nav').removeClass("fix-nav"); 
     } 

     }); 
    </script> 
    </body> 
    </html>

來源

2016-12-31 silverFoxA

錯誤說明了一切。 Vue公司找不到#app元素，所以你需要添加它：

<div id='app'></div>

https://vuejs.org/v2/guide/

來源

2016-12-31 20:08:28

謝謝你的答案。它解決了這個問題，但我想知道，我甚至不打算使用Vue，爲什麼添加額外的div？如果 – silverFoxA

@silverFoxA你不想使用'Vue'然後就從你的'bootstrap.js'文件刪除'require'，'laravel'默認添加它。 –

我只是碰到了同樣的問題，因爲OP，但事實證明，我已經做了一切該職位（以及鏈接），建議你需要做的：1。添加一個div一些ID 2.請參閱該id在JavaScript中那麼如何處理呢？在這方面，Vue並沒有給出有用的錯誤信息。 – jjpe

[Vue公司提醒]：用更新的所有組件#APP

回答

相關問題