Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

<script lang="tsx"> Compilation error

See original GitHub issue

Version

3.0.0-beta.14

Reproduction link

https://github.com/ccqiuqiu/vue-cli3-test

Steps to reproduce

1.使用vue-cli创建一个项目，选择babel、ts 2.修改home.vue，增加一个component组件,如下：

<template>
  <div class="home">
    <img src="../assets/logo.png">
    <HelloWorld msg="Welcome to Your Vue.js   TypeScript App"/>
    <component :is="component"></component>
  </div>
</template>

<script lang="tsx">
import { Component, Vue } from 'vue-property-decorator';
import HelloWorld from '@/components/HelloWorld.vue'; // @ is an alias to /src

@Component({
  components: {
    HelloWorld,
  },
})
export default class Home extends Vue {
  private component: any = {
    render: (h: any) => <div>dddd</div>
  }
}
</script>

修改tsconfig.json中的target为es5 4.运行 npm run serve

What is expected?

希望能正常渲染jsx

What is actually happening?

异常信息

> vue-cli3@0.1.0 serve /Users/cc/Desktop/node/vue-cli3
> vue-cli-service serve

 INFO  Starting development server...
Starting type checking service...
Using 1 worker with 2048MB memory limit
 94% after seal

 ERROR  Failed to compile with 1 errors                                                                                                                                         09:51:42

 error  in ./src/views/Home.vue?vue&type=script&lang=tsx

Syntax Error: Unterminated regular expression (13:35)

  11 |         super(...arguments);
  12 |         this.component = {
> 13 |             render: (h) => dddd < /div>
     |                                    ^
  14 |         };
  15 |     }
  16 | };


 @ ./src/views/Home.vue?vue&type=script&lang=tsx 1:0-268 1:284-287 1:289-554 1:289-554
 @ ./src/views/Home.vue
 @ ./src/router.ts
 @ ./src/main.ts
 @ multi (webpack)-dev-server/client/index.js (webpack)/hot/dev-server.js ./src/main.ts

No type errors found Version: typescript 2.8.3 Time: 3320ms

此异常通常在第一次启动的时候出现，重启有时候会正常，但是修改代码后，再重启又可能出现异常。