Compile Error

[jgrauel]

I am getting the following error when attempting to compile our code
ERROR in ../node_modules/@vueuse/head/dist/index.mjs 349:27-42 Can't import the named export 'defineComponent' from non EcmaScript module (only default export is available)

I followed the readme instructions for npm install and then the standard import of the code.
import { createHead } from '@vueuse/head'

"@vueuse/head": "^0.6.0"
"webpack": "^4.46.0"

running Node: v14.17.1

Thanks!

[jgrauel]

I found this suggestion in vueuse/vueuse#718
which when added to the my webpack configuration did resolve the issue.

module.exports = {
  configureWebpack: {
    module: {
      rules: [{
        test: /\.mjs$/,
        include: /node_modules/,
        type: "javascript/auto"
      }]
    }
  }
}