title: Vue component not showing up in laravel
body: <p>My vue component isn't showing up and I can't see where I went wrong, I'm hoping another set of eyes can point out where I went wrong. 
  I'm running npm run watch and I've cleared my cache.</p>
  
  <p><strong>My app.js</strong></p>
  
  <pre class="lang-js prettyprint-override"><code>/**
   * First we will load all of this project's JavaScript dependencies which
   * includes Vue and other libraries. It is a great starting point when
   * building robust, powerful web applications using Vue and Laravel.
   */
  
  require('./bootstrap');
  
  window.Vue = require('vue');
  
  /**
   * Next, we will create a fresh Vue application instance and attach it to
   * the page. Then, you may begin adding components to this application
   * or customize the JavaScript scaffolding to fit your unique needs.
   */
  
  Vue.component('table-draggable', require('./components/TableDraggable.vue'));
  Vue.component('category-index', require('./components/CategoryIndex.vue'));
  Vue.component('active-checkbox', require('./components/ActiveCheckbox.vue'));
  Vue.component('supplier-code-selection', require('./components/SupplierCodeSelection.vue'));
  
  const app = new Vue({
      el: '#app'
  });
  </code></pre>
  
  <p><strong>My SupplierCodeSelection.vue</strong></p>
  
  <pre class="lang-php prettyprint-override"><code>     &lt;template&gt;
              &lt;div class="container"&gt;
                  &lt;div class="row justify-content-center"&gt;
                      &lt;div class="col-md-8"&gt;
                          &lt;div class="card"&gt;
                              &lt;div class="card-header"&gt;Supplier Code Selection Component&lt;/div&gt;
  
                              &lt;div class="card-body"&gt;
                                  I'm an example component.
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/template&gt;
  
          &lt;script&gt;
              export default {
                  mounted() {
                      console.log('Component mounted.')
                  }
              }
          &lt;/script&gt;
  </code></pre>
  
  <p><strong>my page that the vue is supposed to show</strong></p>
  
  <pre class="lang-php prettyprint-override"><code>&lt;div id="app"&gt;
      &lt;supplier-code-selection&gt;&lt;/supplier-code-selection&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I also get this error in my console</p>
  
  <pre><code>[Vue warn]: Unknown custom element: &lt;supplier-code-selection&gt; - did you register the component correctly? For recursive components, make sure to provide the "name" option.
  </code></pre>
  
  <p>My composer.json</p>
  
  <pre><code>{
      "name": "laravel/laravel",
      "description": "The Laravel Framework.",
      "keywords": ["framework", "laravel"],
      "license": "MIT",
      "type": "project",
      "require": {
          "php": "^7.1.3",
          "fideloper/proxy": "^4.0",
          "laravel/framework": "5.6.*",
          "laravel/tinker": "^1.0",
          "laravelcollective/html": "^5.4.0"
      },
      "require-dev": {
          "filp/whoops": "^2.0",
          "fzaninotto/faker": "^1.4",
          "mockery/mockery": "^1.0",
          "nunomaduro/collision": "^2.0",
          "phpunit/phpunit": "^7.0"
      },
      "autoload": {
          "classmap": [
              "database/seeds",
              "database/factories"
          ],
          "psr-4": {
              "App\\": "app/"
          },
          "files": [
              "app/Support/helpers.php"
          ]
      },
      "autoload-dev": {
          "psr-4": {
              "Tests\\": "tests/"
          }
      },
      "extra": {
          "laravel": {
              "dont-discover": [
              ]
          }
      },
      "scripts": {
          "post-root-package-install": [
              "@php -r \"file_exists('.env') || copy('.env.example', '.env');\""
          ],
          "post-create-project-cmd": [
              "@php artisan key:generate"
          ],
          "post-autoload-dump": [
              "Illuminate\\Foundation\\ComposerScripts::postAutoloadDump",
              "@php artisan package:discover"
          ]
      },
      "config": {
          "preferred-install": "dist",
          "sort-packages": true,
          "optimize-autoloader": true
      },
      "minimum-stability": "dev",
      "prefer-stable": true
  }
  </code></pre>
  
  <p>and my package.json</p>
  
  <pre><code>{
      "private": true,
      "scripts": {
          "dev": "npm run development",
          "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
          "watch": "npm run development -- --watch",
          "watch-poll": "npm run watch -- --watch-poll",
          "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
          "prod": "npm run production",
          "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
      },
      "devDependencies": {
          "axios": "^0.18",
          "bootstrap": "^4.0.0",
          "cross-env": "^5.1",
          "jquery": "^3.2",
          "laravel-mix": "^2.0",
          "lodash": "^4.17.4",
          "popper.js": "^1.12",
          "vue": "^2.5.7",
          "vuedraggable": "^2.16.0"
      }
  }
  </code></pre>