我在使用Element ui的图标功能时，页面无法正常显示图标，代码如下：

<div>
    <el-button type="danger" :icon="Edit">取消</el-button>
    <el-button type="warning" :icon="Delete">警告</el-button>
    <el-button type="warning" :icon="Star" circle />
    <el-button type="danger" :icon="Delete" circle />
</div

正常的话应该是显示如下这样的图标的：

另外，我是直接在html页面引入js文件和css文件的方式使用的，代码如下：

    <!-- Import Vue 3 -->
    <script src="//unpkg.com/vue@3"></script>
    <!-- Import component library -->
    <script src="//unpkg.com/element-plus"></script>
    <script src="@Url.Content("~/JS/ElementUI/elementui-icon.js")"></script>
    <script>
        const App = {
            data() {
                return {
                    message: "Hello Element Plus",
                    alert: "test"
                };
            },
        };
        const app = Vue.createApp(App);
        app.use(ElementPlus);
        app.mount("#vue-app");
    </script>

vue@3:1623 [Vue warn]: Property "Edit" was accessed during render but is not defined on instance. 
vue@3:1623 [Vue warn]: Property "Delete" was accessed during render but is not defined on instance.