浏览器报错 Uncaught TypeError: Cannot read property ‘prototype‘ of undefined 的解决办法

编程资源宝库

已于 2023-08-29 17:05:03 修改

阅读量2.3w

点赞数 6

分类专栏： bug 文章标签：浏览器报错 Uncaught TypeError: Cannot re

于 2019-11-20 10:05:18 首次发布

本文链接：https://blog.csdn.net/qq_38408785/article/details/103156946

版权

bug 专栏收录该内容

26 篇文章

订阅专栏

今天做vue项目时报错：

Uncaught TypeError: Cannot read property ‘prototype’ of undefined
在这里插入图片描述
代码如下

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>品牌管理</title>
    <link rel="stylesheet" href="../css/elementui.css">
</head>
<body>
<div id="app">
    <el-table
            :data="tableData"
            border
            style="width: 100%">
        <el-table-column
                prop="id"
                label="ID"
                width="180">
        </el-table-column>
        <el-table-column
                prop="name"
                label="姓名"
                width="180">
        </el-table-column>
        <el-table-column
                prop="letter"
                label="首字母">
        </el-table-column>
        <el-table-column
                prop="image"
                label="图片">
        </el-table-column>
    </el-table>
</div>
</body>
<script  src="../js/axios.js"></script>
<script  src="../js/elementui.js"></script>
<script  src="../js/vue.js"></script>
<script>
    new Vue({
        el:"#app",
        data(){
            return {
                tableData:[]
            }
        },
        created(){
            axios.get('/brand/findAll.do').then(response=>{
                this.tableData = response.data;
        })
        }
    })
</script>

</html>

错误原因：

<script  src="../js/elementui.js"></script>
<script  src="../js/vue.js"></script>

解决办法：主要引入的js的顺序！

<script  src="../js/vue.js"></script>
<script  src="../js/elementui.js"></script>

成功!
在这里插入图片描述
若是想把图片取出来
加入template slot-scope属性


<el-table-column
                label="图片"
                width="180">
            <template slot-scope="scope">
                <img :src="scope.row.image">
            </template>
        </el-table-column>