laravel - Laravel 8 (Inertia js) - 获取 Vue 错误'app.js:30559 [Vue 警告]:创建钩子中的错误:“错误:找不到模块...”
问题描述
我已经设置了一个使用 Jetstream(惯性 js 堆栈)的 Laravel 8 安装。所有 Jetstream 提供的视图都正常工作。
问题是当我创建一个呈现新 Vue 模板的新 Route 时,我在控制台中收到此错误:
app.js:30559 [Vue warn]: Error in created hook: "Error: Cannot find module './Test'"
我在 web.php 中创建的路线
Route::get('/test', function() {
return Inertia\Inertia::render('Test');
});
“Test.vue”文件位于“resources/js/Pages”目录中。
<template>
<h2 class="font-semibold text-xl text-gray-800 leading-tight">
Testing
</h2>
</template>
应用程序.js
require('./bootstrap');
import Vue from 'vue';
import { InertiaApp } from '@inertiajs/inertia-vue';
import { InertiaForm } from 'laravel-jetstream';
import PortalVue from 'portal-vue';
Vue.use(InertiaApp);
Vue.use(InertiaForm);
Vue.use(PortalVue);
const app = document.getElementById('app');
new Vue({
render: (h) =>
h(InertiaApp, {
props: {
initialPage: JSON.parse(app.dataset.page),
resolveComponent: (name) => require(`./Pages/${name}`).default,
},
}),
}).$mount(app);
知道为什么找不到 Test.vue 模板吗?
解决方案
也许其他人像我一样来到这里 - 我必须在 Chrome 中打开开发者控制台并确保在Network
选项卡中,我已经disable cache
检查过了。
最重要的是,必须进入我的服务器并php artisan optimize
清除缓存的视图。
推荐阅读
- r - 在 R 中读取 excel 文件:列标签和数据/小时格式的问题
- android - 如何在不跳帧的情况下更新 UI
- swift - 合并 - 从容器中移除管道
- node.js - errno 1 角电子项目
- javascript - 带有添加按钮和分层编号的 HTML 节点树
- android - Android - 使用改造和协程获取响应状态代码
- python - 条形图在 y 轴上显示数字而不是类别
- file - expo uri表单本地文件位置
- angular - Angular Material Form:在移动设备上自动聚焦和选择输入
- html - FullCalendar daygrid 在底部呈现事件