You may need an additional loader to handle the result of these loaders.

[noah-yang-x]

INFO Starting development server...
98% after emitting CopyPlugin

ERROR Failed to compile with 1 error

error in ./src/App.vue?vue&type=template&id=7ba5bd90&ts=true

Module parse failed: Unexpected token (6:27)
File was processed with these loaders:

• ./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/templateLoader.js
• ./node_modules/cache-loader/dist/cjs.js
• ./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js
  You may need an additional loader to handle the result of these loaders.
  | const _hoisted_2 = /#PURE/_createElementVNode("br", null, null, -1 /* HOISTED */)
  |

export function render(_ctx: any,_cache: any,$props: any,$setup: any,$data: any,$options: any) {
| return (_openBlock(), _createElementBlock(_Fragment, null, [
| _createElementVNode("video", {

@ ./src/App.vue?vue&type=template&id=7ba5bd90&ts=true 1:0-293 1:0-293
@ ./src/App.vue
@ ./src/main.js
@ multi (webpack)-dev-server/client?http://172.20.10.4:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

[yuanhua118]

Solution:
You can delete lang = "ts" in the following code；

<script lang="ts">
import { defineComponent, ref } from 'vue';
import { createFFmpeg, fetchFile } from '@ffmpeg/ffmpeg';

</script>