账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    nuxt引入element-ui失败
    83
    0

    这是用nuxt/express生成的项目,nuxt.config.js的配置如下

    /*
      ** Global CSS
      */
      css: ['~/assets/css/main.css', 'element-ui/lib/theme-default/index.css'],
      /*
      ** Add axios globally
      */
      build: {
        vendor: ['axios', 'element-ui'],
        /*
        ** Run ESLINT on save
        */
        extend (config, ctx) {
          if (ctx.isClient) {
            config.module.rules.push({
              enforce: 'pre',
              test: /\.(js|vue)$/,
              loader: 'eslint-loader',
              exclude: /(node_modules)/
            })
          }
        },
        babel: {
          'plugins': [['component', [
            {
              'libraryName': 'element-ui',
              'styleLibraryName': 'theme-default'
            },
            'transform-async-to-generator',
            'transform-runtime'
          ]]],
          comments: true
        },
        plugins: [
          { src: '~/plugins/element-ui', ssr: true }
        ]
      }

    然后plugins下面的element-ui.js的文件是这样的

    import Vue from 'vue'
    
    if (process.BROWSER_BUILD) {
      Vue.use(require('element-ui'))
    }
    

    vue的版本是2.5.3,element-ui的版本是2.0.4,运行cnpm run dev之后就报错,在bulid阶段就这样

    (node:30024) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 2): TypeError: arguments[i].apply is not a function
    

    假如吧build中的babel和plugins备注掉就可以正常bulid,请大神指点,快难住一天了

    1
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • #百分之百甜=0= 普通会员 1楼

      Element UI 是一个流行的 Vue.js UI 框架,它提供了丰富的组件和样式。如果你在使用 Nuxt.js 时遇到了 Element UI 导入失败的问题,可能有以下几个原因:

      1. Nuxt.js 未安装 Element UI:在 Nuxt.js 中安装 Element UI 需要使用 npm install element-ui。如果没有安装,可以使用以下命令进行安装:

      npm install element-ui

      1. Element UI 的 CDN 版权问题:Element UI 是一个公共库,它的源代码可以在 GitHub 上找到。如果你的项目中没有启用 CDN(内容分发网络),可能会导致 Element UI 导入失败。可以尝试启用 CDN,或者在项目的 src 目录下添加一个 main.js 文件,将 Element UI 的 CDN 代码复制到这个文件中。

      2. Nuxt.js 的前端依赖问题:如果 Nuxt.js 依赖了 Element UI,但是没有正确地引入它,也会导致 Element UI 导入失败。可以检查项目的 package.json 文件,确保所有的依赖都已经正确地引入。如果需要,可以尝试更新 Nuxt.js 的版本。

      3. Nuxt.js 的配置问题:如果 Nuxt.js 的配置文件中有关于 Element UI 的设置不正确,也会导致 Element UI 导入失败。可以检查 Nuxt.js 的配置文件,确保正确地设置了 Element UI 的相关设置。

      如果你尝试了以上所有的方法,但是 Element UI 导入仍然失败,可能需要重新考虑使用 Element UI 的原因。如果 Element UI 不适合你的项目,或者有更好的组件可以选择,可能需要考虑其他的选择。

    更多回答
    网站公告
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部