Vue警告：无法安装组件：未定义模板或渲染功能

Question

我开始迷路了。当我通过 webpack 捆绑我的组件文件并尝试将其用于另一个组件时发出警告。

[Vue warn]: Failed to mount component: template or render function not defined.

我在 stackoverflow 和 github 论坛上关注了许多解决方案，但它们都不起作用。

我使用普通的.vue 文件来定义组件。

这是我的 webpack 配置，

entry : './example/index.js',
    output: {
        path    : path.resolve(__dirname, 'dist'),
        filename: 'app.js'
    },
    module: {
        rules: [
            {
                test  : /\.js$/, exclude: /node_modules/,
                loader: "babel-loader"
            },
            {
                test: /\.vue$/,
                loader: 'vue-loader',
            },
            {
                test: /\.css$/,
                use : [
                    {
                        loader: 'style-loader'
                    },
                    {
                        loader : 'css-loader',
                        options: {
                            url: false
                        }
                    }
                ]

            }
        ]
    },
    resolve: {
        extensions: ['.js', '.vue'],
        alias: {
          'vue$': 'vue/dist/vue.js'
        }
      },
    plugins: [
        new webpack.ProvidePlugin({
            $              : 'jquery',
            jQuery         : 'jquery',
            'window.jQuery': 'jquery'
        }),
        new VueLoaderPlugin(),
    ]

谢谢。

Answer 1

{ 路径：'/about'，组件：()=>import('vr/views/About.vue') }，✅ { path: '/about', component: import('vr/views/About.vue') },❌ // 但它有效