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

Posted 2023-02-23

【中文标题】Vue警告：无法安装组件：未定义模板或渲染功能

【英文标题】：Vue warn : Failed to mount component: template or render function not defined

【发布时间】：2019-02-27 21:44:36

【问题描述】：

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

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

我在 *** 和 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(),
    ]

谢谢。

【问题讨论】：

你能给我们看看剩下的代码吗？ （入口文件、组件和VueJS Root）

@Ekushisu here 你可以找到那个项目的所有文件。

【参考方案1】：

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

【讨论】：

请说明应在何处进行此更改。问题包含的 sn-p 中没有“关于”、“导入”或“组件”等词。