关于nuxt.js 引用 “ElementUI” 后的报错问题解决

报错信息

报错原因

• 是因为没有允许ElementUI 在服务端使用所导致的

解决方法

• 在最外层加上

  <no-ssr>
    <div class="app-container">
      <div id="main">
        <!-- 公共头 -->
        <myheader />
        <div class="main-container">
          <el-scrollbar class="page-component__scroll">
            <!-- 内容区域 -->
            <nuxt />
          </el-scrollbar>
        </div>
        <!-- 公共底 -->
        <myfooter />
      </div>
    </div>
  </no-ssr>

注意：如果你的nuxt版本大于2.9.0 请使用 <client-only></client-only>
这两个组件作用仅是占位 且只用于在只需在客户端渲染使用的组件