Java 无法解析符号'；表格布局'；在滑动菜单片段中

我是android编程的新手，我正在尝试制作一个订购应用程序。我已经在两个不同的项目中成功地创建了滑动菜单及其片段和选项卡布局。现在是一个进退两难的问题，当我在片段活动中添加选项卡布局的代码时，出现了一个错误。它表示选项卡布局导入未使用或无法解析符号“TabLayout”

以下是我的片段的布局文件：

滑块\u fragment2.xml

<RelativeLayout
android:id="@+id/main_layout"
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">

<android.support.v7.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:background="?attr/colorPrimary"
    android:elevation="6dp"
    android:minHeight="?attr/actionBarSize"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
    app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/>

<android.support.design.widget.TabLayout
    android:id="@+id/tab_layout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@+id/toolbar"
    android:background="#E06908"
    android:elevation="6dp"
    android:minHeight="?attr/actionBarSize"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"/>

<android.support.v4.view.ViewPager
    android:id="@+id/pager"
    android:layout_width="match_parent"
    android:layout_height="fill_parent"
    android:layout_below="@id/tab_layout"/>

</RelativeLayout>

我试着清理和重建这个项目，但它就是不起作用。我知道有点不对劲，但我没注意到。请帮帮我，我已经被困在这几个小时了。先谢谢你

以下是错误消息

错误：（137，28）错误：不兼容的类型 必需：片段 找到：滑块\u碎片2

错误：（14,37）错误：包android.support.design.widget不存在

错误：（38，9）错误：找不到符号类TabLayout

错误：（38，32）错误：找不到符号类TabLayout

错误：（43，33）错误：找不到符号变量TabLayout

错误：（49，56）错误：包TabLayout不存在

错误：（50，57）错误：包TabLayout不存在

错误：（31，5）错误：方法不重写或实现超类型中的方法

错误：任务“：app:compiledBugJavaWithJavaC”的执行失败

编译失败；有关详细信息，请参阅编译器错误输出。 信息：生成失败

---

打开build.gradle文件，您将发现Dependences部分将设计库添加到项目中

dependencies {
        compile fileTree(include: ['*.jar'], dir: 'libs')
        compile 'com.android.support:appcompat-v7:22.2.0'
        compile 'com.android.support:support-v4:22.2.0'
        compile 'com.android.support:design:22.2.0'

    }

---

手动添加两行以下内容（摘自@CodingRat的答案）

编译'com.android.support:support-v4:22.2.0'
编译'com.android.support:design:22.2.0'

在

\app\build.gradle

中的

依赖项下为我工作

其他的一切，比如清洁、重建等等，对我来说都不管用

但是不知道手动添加任何内容是否是个好主意

注意：您的所有支持库必须是同一版本，即appcompat-v7和support-v4到同一版本，例如23.0.1；否则，可能会出现错误
java.lang.NoClassDefFoundError:android.support.v7.internal.widget.TintManager
代码生成后
检查您的项目gradle文件是否添加了设计库？@ParagKadam谢谢您的评论，我添加了一些错误日志。我不知道你说的logcats是不是这个意思。“但我希望这足够了。”科丁格拉特先生，恐怕不行，你能告诉我怎么做吗。我应该在gradle文件中添加什么？只是为了澄清，您不必逐字复制上面的代码。如果您使用的是不同版本的支持库（我在发表此评论时使用的是28），只需编辑行以适合您的版本，而不是22.2.0。
dependencies {
        compile fileTree(include: ['*.jar'], dir: 'libs')
        compile 'com.android.support:appcompat-v7:22.2.0'
        compile 'com.android.support:support-v4:22.2.0'
        compile 'com.android.support:design:22.2.0'

    }