无法使用element组件

突然发现我用不了element里边的组件了
引入了vue.js;index.js;index.css
求解决方法


HTML>
<html lang="zh-CN">

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <script src="../js/vue.js">script>
    <script src="../element-ui/lib/index.js">script>
    <link rel="stylesheet" href="../element-ui/lib/theme-chalk/index.css">


    <style>
        .el-carousel__item h3 {
            color: #475669;
            font-size: 14px;
            opacity: 0.75;
            line-height: 150px;
            margin: 0;
        }

        .el-carousel__item:nth-child(2n) {
            background-color: #99a9bf;
        }

        .el-carousel__item:nth-child(2n+1) {
            background-color: #d3dce6;
        }
    style>
head>

<body>
    <div>
        123
        <template>
            <div class="block">
                <span class="demonstration">默认 Hover 指示器触发span>
                <el-carousel height="150px">
                    <el-carousel-item v-for="item in 4" :key="item">
                        <h3 class="small">{{ item }}h3>
                    el-carousel-item>
                el-carousel>
            div>
            <div class="block">
                <span class="demonstration">Click 指示器触发span>
                <el-carousel trigger="click" height="150px">
                    <el-carousel-item v-for="item in 4" :key="item">
                        <h3 class="small">{{ item }}h3>
                    el-carousel-item>
                el-carousel>
            div>
        template>
    div>

body>

html>

效果：

img

项目结构：

img

network 里看看 js,css 是不是 有404的情况 。 可能是 路径问题 。如果是 index.html 里 直接./js/xx 如果是 html文件夹里 就是 ../../js/xx