(vue.js)nuxt引入element-ui失败

来源:互联网  时间:2017/12/2 0:53:26

关于网友提出的“ (vue.js)nuxt引入element-ui失败”问题疑问,本网通过在网上对“ (vue.js)nuxt引入element-ui失败”有关的相关答案进行了整理,供用户进行参考,详细问题解答如下:

问题: (vue.js)nuxt引入element-ui失败
描述:

这是用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:

你有没有想过把babel和plugins放到build外面。。。

上一篇(vue.js)请教下vue的input获得焦点事件
下一篇(vue.js)使用nuxt做服务端渲染的时候,如果后台是用python或者java的话,最终如何部署?
明星图片
相关文章
《 (vue.js)nuxt引入element-ui失败》由码蚁之家搜集整理于网络,
联系邮箱:mxgf168#qq.com(#改为@)