Version 6.0.0-beta.2 fails at render when used as a external dependency

[lmiguelmh]

Using the latest version as an external dependency (6.0.0-beta.2 at the time of this writing):

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://unpkg.com/vue-tel-input"></script>
<link rel="stylesheet" href="https://unpkg.com/vue-tel-input/dist/vue-tel-input.css" />
...
<vue-tel-input v-model="value"></vue-tel-input>

Fails with:

[Vue warn]: Error in render: "TypeError: Object(...) is not a function"
...
TypeError: Object(...) is not a function

A workaround is to use version 5.6.1.

<script src="https://unpkg.com/[email protected]/dist/vue-tel-input.umd.min.js"></script>

[iamstevendao]

@lmiguelmh it's fixed now. the latest version is v5.6.1

[Dropcodee]

i just installed this package with Vue 3 and I am getting this same error, please what can i do

[email protected]

[Dropcodee]

Uncaught (in promise) TypeError: Cannot read property 'isCE' of null
at renderSlot (runtime-core.esm-bundler.js?6bd5:6123)
at Proxy.u (vue-tel-input.umd.min.js?e75b:1)
at renderComponentRoot (runtime-core.esm-bundler.js?5c40:1168)
at componentEffect (runtime-core.esm-bundler.js?5c40:5214)
at reactiveEffect (reactivity.esm-bundler.js?a1e9:42)
at effect (reactivity.esm-bundler.js?a1e9:17)
at setupRenderEffect (runtime-core.esm-bundler.js?5c40:5167)
at mountComponent (runtime-core.esm-bundler.js?5c40:5126)
at processComponent (runtime-core.esm-bundler.js?5c40:5084)
at patch (runtime-core.esm-bundler.js?5c40:4690)

[iamstevendao]

@Dropcodee can you try with 6.0.0-beta.4?

[Dropcodee]

alright

[luismarquesfreire]

Uncaught (in promise) TypeError: Cannot read property 'isCE' of null
at renderSlot (runtime-core.esm-bundler.js?6bd5:6123)
at Proxy.u (vue-tel-input.umd.min.js?e75b:1)
at renderComponentRoot (runtime-core.esm-bundler.js?5c40:1168)
at componentEffect (runtime-core.esm-bundler.js?5c40:5214)
at reactiveEffect (reactivity.esm-bundler.js?a1e9:42)
at effect (reactivity.esm-bundler.js?a1e9:17)
at setupRenderEffect (runtime-core.esm-bundler.js?5c40:5167)
at mountComponent (runtime-core.esm-bundler.js?5c40:5126)
at processComponent (runtime-core.esm-bundler.js?5c40:5084)
at patch (runtime-core.esm-bundler.js?5c40:4690)

I have 6.0.0-beta.4 and that still happens only in production.

[matrei]

I also got TypeError: Cannot read property 'isCE' of null. Upgrading Vue from 3.0.0 to 3.2.6 resolved it for me.

[damienroche]

same as @matrei got a TypeError : Cannot read property 'isCE' of null
With Vue 3.0.5

[blocka]

I am also having this issue, using vue 3.2.20 and beta.6

[souvenir-lee]

Is there any change? I have the same issue.

vue-tel-input": "^6.0.0-beta.7"
vue: "^3.0"

[souvenir-lee]

For those who are still struggling
I solved it by referring to this.

vue/core issue

• #4344(comment)
• #2064(comment)

The code I modified in vue.config.js

const path = require('path')
module.exports = {
  ...
  // for VueTelInput
  configureWebpack: {
    resolve: {
      symlinks: false,
      alias: {
        vue: path.resolve('./node_modules/vue')
      }
    }
  }
}

[leojeg]

For those who are still struggling I solved it by referring to this.

vue/core issue

• #4344(comment)
• #2064(comment)

The code I modified in vue.config.js

const path = require('path')
module.exports = {
  ...
  // for VueTelInput
  configureWebpack: {
    resolve: {
      symlinks: false,
      alias: {
        vue: path.resolve('./node_modules/vue')
      }
    }
  }
}

Thank you for this solution. its solve for me