laravel - laravel 不渲染 js 组件
问题描述
这里已经问过同样的问题,但回答不能解决我的问题
这是我的 home.blade.php
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Full stack blog</title>
<style>
</style>
</head>
<body>
<div id="app">
<mainapp></mainapp> #this one show as read
</div>
</body>
<script src="{{mix('/js/app.js')}}"></script>
</html>
这是我的 app.js
require('./bootstrap');
window.Vue = require('vue')
Vue.component('mainapp',require('./components.vue/mainapp.vue').default)
const app = new Vue({
el: '#app'
})
这是我的 mainapp.vue
<template>
<div>
<h1>this is the frist components</h1>
</div>
</template>
和
laravel:8 Vue:2.6.12
当我跑步npm run watch
时php artisan serve
然后我签入 127.0.0.1/8000
我可以看到这个
您正在开发模式下运行 Vue。确保在部署生产时打开生产模式。在https://vuejs.org/guide/deployment.html查看更多提示
但它没有呈现我该如何解决这个问题?
解决方案
推荐阅读
- python - TypeError:“NoneType”对象在 Tkinter 中不可调用
- ruby-on-rails - 如何将 bcrypt 摘要密码转换回原始字符串?
- node.js - 角实时编译
- graphql - Prisma datamodel.prisma 在模型上给出了几个错误
- amazon-web-services - 如何列出执行 Terraform 应用所需的所有 AWS IAM 操作?
- php - Docker,PHP版本的变化?
- wordpress - SSL Mixed Content WordPress Site. TRIED EVERYTHING
- css - 跨度中的显示块不起作用。我怎样才能使它跨越与前一个跨度相同的宽度?
- codeigniter - Codeigniter 管理面板路由问题
- java - 没有使用 EcpliseLInk 2.6.7 选择正确的映射