I'm struggling to develop a typescript vue component with some methods. Here is the script snippet.
<script lang="ts">
import Vue from 'vue';
export default Vue.extend({
methods: {
check(value: number) {
console.log(value)
},
},
});
</script>
However, I keep encountering this error message:
Module parse failed: Unexpected token (22:15)
You may need an appropriate loader to handle this file type.
| },
| methods: {
> check(value: number) {
| console.log(value);
| this.value = value;
The issue seems to be related to the typed :number argument in the method. When I remove the typing, the error disappears.
Why is this happening? How can I fix this error?
Below is my package.json configuration:
{
"name": "rating-form",
"version": "0.1.0",
"private": true,
// Other dependencies and scripts
}
And here is my tsconfig.json setup:
{
"compilerOptions": {
"target": "es5",
"module": "esnext",
// Other compiler options
},
// Include and exclude paths
}