代码与课程上的相同,但浏览器报错

代码与课程上的相同,但浏览器报错

相关代码:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>慕课网OA办公系统</title>
    <!-- 引入样式 -->
    <link rel="stylesheet" type="text/css" href="assets/element-plus/index.css">
    <!-- 引入组件库 -->
    <script src="assets/vue/vue.global.js"></script>
    <script scr="assets/element-plus/index.full.js"></script>
    <script scr="assets/axios/axios.js"></script>
    <style>
        .login-box {
            border: 1px solid #dcdfe6;
            width: 350px;
            margin: 180px auto;
            padding: 35px 35px 15px 15px;
            border-radius: 5px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            box-shadow: 0 0 25px #909399;
        }
    </style>
</head>

<body>
    <div id="app">
        <el-form ref="loginForm" lable-width="80px" class="login-box">

        </el-form>
    </div>

    <script>
        const Main = {
            data() {
                return {

                }
            }
        };
        // 初始化Vue,绑定Main中的数据,利用ElementPlus对#app容器进行重新渲染
        const app = Vue.createApp(Main);
        app.use(ElementPlus);
        app.mount("#app");
    </script>
</body>

</html>

相关截图:

https://img1.sycdn.imooc.com//climg/629586b8094ba00609690408.jpg

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,将代码恢复最开始的状态,然后将单词src修改正确即可,修改后代码如下所示:

https://img1.sycdn.imooc.com//climg/629711100985eb7409540110.jpg

祝学习愉快~

好帮手慕小脸 2022-05-31 12:23:53

同学你好 ,引进组件库这里将其修改为如下这样再试试,然后清除浏览器缓存重新访问

https://img1.sycdn.imooc.com//climg/6295982209f0077306030109.jpg

若还是不可以,建议同学下载课程源码,然后复制源码中的login页面替换到自己项目中

祝学习愉快~

  • 提问者 Riokson #1

    https://img1.sycdn.imooc.com//climg/6296525209363b1609160216.jpg

    还是不行

    2022-06-01 01:37:41
  • 好帮手慕小脸 回复 提问者 Riokson #2

    同学你好,确保自己项目中的目录结构与源码一致,然后复制源码中的login页面替换到自己项目中再运行试试

    祝学习愉快~

    2022-06-01 09:41:53
  • 提问者 Riokson 回复 好帮手慕小脸 #3

    https://img1.sycdn.imooc.com//climg/62970cca098a8fdd04830779.jpg

    https://img1.sycdn.imooc.com//climg/62970cd609c8c5f804780345.jpg

    我的工程结构与源码工程结构一致,还是不知道什么原因....

    2022-06-01 14:54:09
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师