nuxtjs 导入vux 显示 刷新报错

Question

我的vux配置是

  build: {
    /*
     ** Run ESLINT on save  关掉了eslint  
     */
    extend (config, ctx) {
      if (ctx.dev && ctx.isClient) {
        // config.module.rules.push({
        //   enforce: 'pre',
        //   test: /\.(js|vue)$/,
        //   loader: 'eslint-loader',
        //   exclude: /(node_modules)/
        // })
      }
      vuxLoader.merge(config, {
        // options: {
        //   isWebpack2: true
        // },

        plugins: [{
          name: 'vux-ui'
        }, {
          name: 'duplicate-style'
        }]
      })
    },
    vendor: ['axios', 'jquery', 'vux']
  },

第一次打开页面显示提示信息如下，页面显示正常

VUX: 如果你看到这一行，说明 vux-loader 配置有问题或者代码书写规范的原因导致无法解析成按需引入组件，会导致打包体积过大。请升级到最新版本 vux-loader，建议开启 eslint(standard)。

刷新报错 页面显示错误信息，

NuxtServerError

render function or template not defined in component: anonymous

控制台显示

 nuxt:render Rendering url / +14m
  nuxt:render Data fetching /: 2ms +0ms
  nuxt:render Rendering url / +2s
  nuxt:render Data fetching /: 0ms +2s
  nuxt:render Rendering url / +432ms
  nuxt:render Data fetching /: 0ms +432ms
  nuxt:render Rendering url /finder/qianhou +3m
[vue-router] Failed to resolve async component default: SyntaxError: Unexpected token import
[vue-router] uncaught error during route navigation:
/Users/**/webProjects/**/nuxttest/node_modules/vux/index.js:5
import Actionsheet from './src/components/actionsheet/index.vue'
^^^^^^
SyntaxError: Unexpected token import
    at Object.exports.runInThisContext (vm.js:76:16)
    at Module._compile (module.js:542:28)
    at Object.Module._extensions..js (module.js:579:10)
    at Module.load (module.js:487:32)
    at tryModuleLoad (module.js:446:12)
    at Function.Module._load (module.js:438:3)
    at Module.require (module.js:497:17)
    at require (internal/module.js:20:19)

Answer 1

请问你用Nuxt 能成功引用vux 了吗？ 能不能给个参考配置

Answer 2

我也想知道, 一直有问题呀

Answer 3

vendor中的vux删掉，再试试