未检测到Laravel 7 Vue.js

问题描述 投票:0回答:1

我正在创建一个新的Laravel项目(Laravel 7),并希望使用vue.js作为前端。我通过laravel / ui安装它。

问题是Vue js似乎没有加载,Vue Devtools显示vue.js not detected。这是刀片文件和app.js

刀片文件

<!DOCTYPE html>
<html lang='en'>
  <head>
    <meta charset='UTF-8'>
    <meta name='viewport' content='width=device-width, initial-scale=1.0'>
    <link rel='shortcut icon' href='/images/favicon.ico'>
    <link rel='stylesheet' href='/css/app.css'>

    <title>Conference management</title>
  </head>

  <body>
    <div id="app">
      <section class="header">
        <div class="level-left">
          <div class="level-item">
            <div>
              <p class="title has-text-primary">Conference management</p>
            </div>
          </div>
        </div>
        <div class="level-right">
          <a href="//www.cri.or.th" class="logo">
            <img src="/images/cri_logo_s.png" alt="">
          </a>
        </div>
      </section>
      <section class="content">
        <div class="container">
          <div class="columns">
            <div class="column"></div>

            <div class="column is-half-table is-two-fifths-desktop">
              include login
              @{{ new Date }}
            </div>

            <div class="column"></div>
          </div>
        </div>
      </section>

      <footer class="footer">
        <div class="content has-text-centered">
            &copy; @{{ year }} Organization
        </div>
      </footer>
    </div>

    <script type="text/javascript" src="/js/app.js">
  </body>
</html>

app.js

require('./bootstrap');

window.Vue = require('vue');

Vue.config.devtools = true;


Vue.component('example-component', require('./components/ExampleComponent.vue').default);

const app = new Vue({
    el: '#app',
    year: (new Date).getFullYear()
});

我成功运行了npm run dev,并且css和js链接指向了正确的文件。

我在这里想念什么?

laravel vue.js
1个回答
0
投票

您可以按照您的项目的本教程进行吗:Link

也许您忘记了使用npm vuejs进行安装。

告诉我,如果您再次遇到这个问题:)。

© www.soinside.com 2019 - 2024. All rights reserved.