Use shim in nuxt report an error when build

[Ttou]

nuxt: 2.15.7
vue-types: 4.0.0
repo: link

[dwightjack]

Hello,

I am not completely sure why this is happening. You could try to configure the build following instructions for webpack 5 (use vue-types/shim as the path to shim).

Also, could you share the part of configuration where you set the shim?

[Ttou]

@dwightjack webpack 5 is fine, nuxt is using webpack4

[Ttou]

@dwightjack you mean use webpack5 config instead?

[dwightjack]

The build behavior is strange. Nuxt still uses webpack 4 but the behaviour reported in the error suggests that the tool is trying to load vue-types like webpack 5 does.

I've created a demo installation and I cannot replicate the issue: https://github.com/dwightjack/demo-nuxt-vue-types

Re you using any particular setup (for example: nuxt-ts?).

[Ttou]

@dwightjack online example

[dwightjack]

@Ttou so the issue might be related to the version of node you're using.

When setting the shim alias try one of the following:

'vue-types': 'vue-types/shim'

or

'vue-types': require.resolve('vue-types/shim')

I will update the docs in the next few days.

[Ttou]

another issue, when using custom validator, report error:

[dwightjack]

I see.

That's another issue I already found and was going to fix in the next few days.

Sorry for the problem, for now please don't use the shim. I will inform you as soon as the issue is fixed 🙇

[dwightjack]

@Ttou I've published a first patch that should fix your issue in vue-types@4.0.1.

Let me know if it works.

[Ttou]

@dwightjack fixed