Question

[Vue warn]: Failed to mount component: template or render function not defined – full build

我真的尝试了Google搜索3页中的每条建议。所以我有：

const { mix } = require('laravel-mix');
const { VueLoaderPlugin } = require('vue-loader');

mix.webpackConfig({
    resolve: {
        alias: {
            'vue$': 'vue/dist/vue.esm.js'
        }
    },
    plugins: [
        new VueLoaderPlugin(),
    ],
});

还有

import Vue from 'vue';

import TestComp from './TestComp.vue';

Vue.component('test-comp', TestComp);

new Vue({
    el: '#vue'
});

还有

<div id="vue">
    <test-comp></test-comp>
</div>

我仍然收到此错误。问题是–在新的空项目上可以正常工作。但是我正在尝试在一个有很多礼节的大型项目中实现这一点。例如：eslint，babel-core，babel-loader和大量的反应事物（大约25个依赖项）。所以我不知道这是否会影响编译过程。因为感觉vue-loader由于某种原因看不到<template>部分。

vue.esm.js?efeb:574 [Vue warn]: Failed to mount component: template or render function not defined.

found in

---> <TestComp> at resources/js/admin/TestComp.vue
       <Root>

所以我真的很困惑

TestComp.vue

<template>
    <div>{{ name }}</div>
</template>

<script>
    export default {
        data() {
            return {
                name: 'John'
            }
        }
    }
</script>

我从mix.react()删除webpack.mix.js后，问题消失了，一切工作正常

Laravel Mix –我不能同时使用Vue和React

0 个答案: