Laravel 8 Vue 包找不到声明模块

问题描述

我正在尝试使用 jetstream 惯性 js vue 包创建带有 laravel 框架的表视图，并且遇到了 revogrid npm 包，所以我使用 vue 3 版本安装了它。

安装进行得很顺利，但是当我导入组件时，它给了我 Could not find a declaration module for '@revolist/vue3-datagrid' 并且在 npm run dev 之后没有发生任何变化。

我的 container.vue :

<template>
    <app-layout>
        <template #header>
            <h2 class="font-semibold text-xl text-gray-800 leading-tight">
                Customer
            </h2>
        </template>

        <div class="py-12">
            <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
                <div class="bg-white overflow-hidden shadow-xl sm:rounded-lg">
                    <v-grid
                        theme="compact"
                        :source="rows"
                        :columns="columns"
                    ></v-grid>
                </div>
            </div>
        </div>
    </app-layout>
</template>

<script>
    import AppLayout from '@/Layouts/AppLayout'

    export default {
        data: function () {
            return {
                columns: [{ prop: "name" },{ prop: "details" }],rows: [{
                    name: "1",details: "Item 1",}]
            }
        },components: {
            AppLayout,VGrid
        },methods: {
            fetchCustomer: function () {
                axios.get('/api/customers')
                .then(response => this.rows = response.data)
                .catch(error => console.log(error))
            }
        },created: function () {
            this.fetchCustomer()
        }
    }
</script>

错误：

error message

结果为空页，预期结果为样本表

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）