鍍金池/ 問(wèn)答/HTML/ nuxt引入element-ui失敗

nuxt引入element-ui失敗

這是用nuxt/express生成的項(xiàng)目,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,運(yùn)行cnpm run dev之后就報(bào)錯(cuò),在bulid階段就這樣

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

假如吧build中的babel和plugins備注掉就可以正常bulid,請(qǐng)大神指點(diǎn),快難住一天了

回答
編輯回答
拼未來(lái)

你有沒有想過(guò)把babel和plugins放到build外面。。。

2018年1月27日 13:26