[वू चेतावनी]: तत्व नहीं मिला: #app

मेरे पास अद्यतन किए गए सभी घटकों के साथ एक ताजा स्थापित लार्वा परियोजना है।[वू चेतावनी]: तत्व नहीं मिला: #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

जवाब के लिए धन्यवाद। इस मुद्दे को हल किया, लेकिन मैं सोच रहा था, मैं भी वू का उपयोग करने का इरादा नहीं रखता हूं तो अतिरिक्त div क्यों जोड़ें? – silverFoxA

@silverFoxA यदि आप 'वू' का उपयोग नहीं करना चाहते हैं तो बस अपनी 'bootstrap.js' फ़ाइल से' आवश्यकता 'को हटा दें,' लार्वेल 'इसे डिफ़ॉल्ट रूप से जोड़ता है। –

मैं ओपी के रूप में एक ही मुद्दे में भाग गया, लेकिन यह पता चला है कि मैंने पहले से ही इस पोस्ट (साथ ही साथ लिंक) सबकुछ किया है, आपको सुझाव देना होगा: 1. कुछ आईडी के साथ एक div जोड़ें 2. उस आईडी का संदर्भ लें जावास्क्रिप्ट में तो उससे निपटने के लिए कैसे? वू इस संबंध में वास्तव में उपयोगी त्रुटि संदेश नहीं देता है। – jjpe

[वू चेतावनी]: तत्व नहीं मिला: #app

उत्तर

संबंधित मुद्दे