Cannot read property 'call' of undefined

[RhysXia]

When I use the nuxt1.0.0 and the nuxt.config.js with extractCSS: true, if I start my project in env mode, it will log the Cannot read property 'call' of undefined in bowser console.

With my trying, I find it is OK if I set below

extractCSS: {
    allChunks: true
}

I think it may be a bug,so I report it.
Think you.

_{This bug report is available on Nuxt.js community (#c2219)}

[clarkdo]

Can you provider the repo?

[RhysXia]

I'm sorry. I thought about this problem again yesterday. I found it wasn't the extractCss problem. It's the problem of my plugin. this is my plugin below

import Vue from 'vue'
import CRow from '~/components/grid/row'
import CCol from '~/components/grid/col'
import Message from '~/components/common/message'

export default () => {
  Vue.component('CRow', CRow)
  Vue.component('CCol', CCol)

  Vue.prototype.$message = Message
}

In the nuxt.config.js, I add the plugin to vendor, then the problem will appear. Even if I set the plugin like below

import Vue from 'vue'
import CRow from '~/components/grid/row'
import CCol from '~/components/grid/col'
import Message from '~/components/common/message'

export default () => {
}

I just import the vue and my component, the problem still appears. So I try not to import the vue, but it is not OK.I think it's my component problem. But my component is normal. So I want to know,
whether plugin like that cant be put in vendor.
The problem is here:

When I remove the plugin from vendor, it will work.

The problem may be related to the css link. However I don‘’t know the reason.I use the scss.

[clarkdo]

Can you provide you repo ?

[RhysXia]

you can see the demo here
nuxt-demo

[clarkdo]

@RhysXia It looks that codes of the repo is not same as you described above, and I didn't find any error in console by npm run dev.

[RhysXia]

@clarkdo It is just a demo of my problem.

In my problem, the key is: I can't add a component plugin into vendor and set extractCSS:true.

You can run the demo I give.The problem will happen like I show above.
the dome use the template.I just add a plugin and set nuxt.config.js below

  plugins: [
    '~/plugins/components'
    // {src: '~/plugins/offline', ssr: false}
  ],
  build: {
    vendor: [
      '~/plugins/components'
    ],
    extractCSS: true
  }

[clarkdo]

I did what you showed, but there is no error in console.

[RhysXia]

you should build it and npm run start

[clarkdo]

It seemd to be an issue from webpack
For a quick fix you can always add allChunks: true.

[RhysXia]

okay, thank you for answer

[clarkdo]

There are some other solutions also in webpack-contrib/extract-text-webpack-plugin#456.

[RhysXia]

okay,now I just remove it from vendor.

[clarkdo]

Fixed in 28d3e6f, will be included in next release

[lock]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.