Duplicate declaration "h" (This is an error on an internal node. Probably an internal error.) about jsx-vue2 HOT 15 CLOSED

@iwangx if you use vue-cli to create your project，then you should toggle the injectH feature in @vue/app jsx options like this

module.exports = {
  presets: [
    [
      "@vue/app",
      {
        useBuiltIns: "entry",
        jsx: {
          injectH: false
        }
      }
    ]
  ]
};

from jsx-vue2.

@iwangx, just to fix it for the moment you can disable injectH in babel config like this:

{
  "presets": [
    [
      "@vue/babel-preset-jsx",
      {
        "injectH": false
      }
    ]
  ]
}

from jsx-vue2.

So when I npm run serve ,console log

Module build failed (from ./node_modules/babel-loader/lib/index.js):
TypeError: /Users/***/view.vue: Duplicate declaration "h" (This is an error on an internal node. Probably an internal error.)

from jsx-vue2.

@iwangx, since you use weird h passing around, we probably don't want to support this, but you can build this project if you turn it off, you can do it by using this babel config:

module.exports = {
  presets: [
    ['@vue/babel-preset-jsx', {
      injectH: false
    }],
    ['@vue/app', {
      useBuiltIns: 'entry'
    }],
  ],
  'plugins': [
    [ 'component', {
      'libraryName': 'element-ui',
      'styleLibraryName': 'theme-chalk'
    } ],
  ]
};

from jsx-vue2.

@iwangx, to make it simpler, can you please create a basic reproduction repository on github?

from jsx-vue2.

@nickmessing it ok.but a new error was added

[Vue warn]: Error in data(): "TypeError: Cannot read property '$createElement' of undefined"

from jsx-vue2.

@nickmessing
https://github.com/iwangx/jsx-example

from jsx-vue2.

@iwangx, thank you for the reproduction, I'll check it once I get to my computer

from jsx-vue2.

@nickmessing , I don't think plug-ins should define 'h' by themselves. Usually, we define 'h' by ourselves and look for the variable 'h' from the nearest scope.

from jsx-vue2.

When you turned off injectH it's disabled so there are two different bugs involved, probably... Not just the h injection

from jsx-vue2.

So I hope you can solve this problem as soon as possible.

from jsx-vue2.

@nickmessing
The problem still exists.

[Vue warn]: Error in data(): "TypeError: Cannot read property '$createElement' of undefined"

from jsx-vue2.

@iwangx, I just changed babel config to the one I provided in your repo and it builds fine...

from jsx-vue2.

@nickmessing But this error will be output in the browser console

from jsx-vue2.

Some tool like storybook for vue has its own configuration so you need remove babel-plugin-transform-vue-jsx plugin in your babel config like in babel.config.js.

export TARGET=story && npm run storybook

In babel.config.js:

// only add this plugin if it is not in storybook mode.
if (process.env.TARGET !== 'story') {
    module.exports.plugin.push( `babel-plugin-transform-vue-jsx` );
}

from jsx-vue2.