laravel - 未检测到 Laravel 7 Vue.js
问题描述
我正在创建一个新的 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">
© @{{ year }} Organization
</div>
</footer>
</div>
<script type="text/javascript" src="/js/app.js">
</body>
</html>
应用程序.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 链接指向了正确的文件。
我在这里能错过什么?
解决方案
推荐阅读
- c++ - 增加二叉树的正确方法
- flutter - 使用带有 easy_localization 的 LocaleKeys 时如何进行单元测试?
- amazon-web-services - 使用 UpdateItemEnhancedRequest DynamoDb java sdk2 更新特定属性
- python - 我想根据列对工作表中 excel 文件中存在的数据进行排序。(excel文件有多个工作表)
- openvpn - OpenVPN 路由已成功添加,但 http 服务器上的连接超时
- r - 将字符串变为数字,忽略因子的字母顺序
- ios - 带有 Testflight 应用程序版本号的网站
- c# - 如何从 Dictionary 对象创建一个 json 结构?
- c++ - c++ opencv Mat 值
- ios - Firebase - 如何使用云函数运行计算