can not compile jsx in vue file

[masongzhi]

Version

4.7.2

Reproduction link

https://github.com/masongzhi/vugular-ui

Steps to reproduce

yarn build

What is expected?

compile success

What is actually happening?

[znck]

RPV does not process script code, it provides script code to other plugins like rollup-plugin-babel or rollup-plugin-typescript2. Include required babel configuration for JSX, see https://github.com/vuejs/jsx

[masongzhi]

could you give a example code?

RPV does not process script code, it provides script code to other plugins like rollup-plugin-babel or rollup-plugin-typescript2. Include required babel configuration for JSX, see https://github.com/vuejs/jsx

[masongzhi]

it is also error when i write from https://github.com/vuejs/jsx

// rollup.config.js
import commonjs from 'rollup-plugin-commonjs';
import vue from 'rollup-plugin-vue';
import resolve from 'rollup-plugin-node-resolve';
import babel from 'rollup-plugin-babel';

export default {
  input: 'src/index.js',
  output: {
    format: 'esm',
    file: 'dist/index.js',
  },
  extensions: ['.js', '.vue'],
  plugins: [
    vue(),
    resolve({
      extensions: ['.js', '.vue'],
    }),
    commonjs(),
    babel({
      exclude: 'node_modules/**',
      runtimeHelpers: true,
    }),
  ],
};

// .babelrc
{
  "presets": ["@vue/babel-preset-jsx"]
}

[houd1ni]

@masongzhi any success?

[zouhangwithsweet]

i found the same errror

[zouhangwithsweet]

when i use lang=babel in .vue file, it can work

<script lang="babel">
 // some code
</script>

[fubangfu]

const acornJSX = require( 'acorn-jsx' );

rollup({
...
acornInjectPlugins : [acornJSX( { allowNamespaces : false } )],
})

[Akryum]

@znck Still seing this error in 5.1.9. Building JSX in normal js files works, but not in .vue files.

[Akryum]

See #429