vue3-datepicker
vue3-datepicker copied to clipboard
Module parse failed: Unexpected token
How can I fix this error ? It seems it has to do with PropType ?
Module parse failed: Unexpected token (26:17)
File was processed with these loaders:
* ./node_modules/cache-loader/dist/cjs.js
* ./node_modules/vue-loader-v16/dist/index.js
You may need an additional loader to handle the result of these loaders.
| */
| modelValue: {
> type: Date as PropType<Date>,
| required: false,
| },
@ ./node_modules/vue3-datepicker/src/datepicker/Datepicker.vue?vue&type=script&lang=ts 1:0-161 1:0-161 1:162-312 1:162-312
@ ./node_modules/vue3-datepicker/src/datepicker/Datepicker.vue
@ ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/ET_Calibrations/QATFinishTheReport/QATFinishTheReport.vue?vue&type=script&lang=js
@ ./src/components/ET_Calibrations/QATFinishTheReport/QATFinishTheReport.vue?vue&type=script&lang=js
@ ./src/components/ET_Calibrations/QATFinishTheReport/QATFinishTheReport.vue
@ ./src/main.js
@ multi (webpack)-dev-server/client?http://192.168.1.114:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js
I am using the following packages:
{
"name": "poc_dashboard",
"version": "0.1.0",
"private": true,
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint",
"devbuild": "npm run build && xcopy \"dist/IconsList\" \"../../../build/bin/x64/debug/www/IconsList\" /I /E /K /Y"
},
"dependencies": {
"@fortawesome/fontawesome-svg-core": "^1.2.35",
"@fortawesome/free-brands-svg-icons": "^5.15.3",
"@fortawesome/free-solid-svg-icons": "^5.15.3",
"@fortawesome/vue-fontawesome": "^3.0.0-4",
"@vue/cli": "^3.12.1",
"@vue/compat": "^3.0.0",
"bootstrap-vue": "^2.21.2",
"chart.js": "^2.9.4",
"core-js": "^3.15.2",
"cornerstone-core": "^2.3.0",
"cornerstone-wado-image-loader": "^3.3.1",
"dicom-parser": "^1.8.7",
"stylus": "^0.54.8",
"stylus-loader": "^3.0.2",
"vue": "^3.0.0",
"vue-final-modal": "^3.4.0",
"vue-loader": "^16.2.0",
"vue-native-websocket": "^2.0.14",
"vue-router": "^4.0.10",
"vue-slider-component": "^4.0.0-beta.4",
"vue-toggles": "^3.0.0-beta.4",
"vue3-datepicker": "^0.2.5",
"vuex": "^4.0.2"
},
"devDependencies": {
"@vue/cli-plugin-babel": "^4.5.13",
"@vue/cli-plugin-eslint": "~4.5.13",
"@vue/cli-service": "~4.5.13",
"@vue/compiler-sfc": "^3.1.4",
"babel-cli": "^6.26.0",
"babel-eslint": "^10.1.0",
"bootstrap": "^4.6.0",
"eslint": "^6.8.0",
"eslint-plugin-vue": "^6.2.2",
"less": "^3.13.1",
"less-loader": "^4.1.0",
"node-sass": "^4.14.1",
"sass-loader": "^7.3.1",
"style-loader": "^0.23.1"
},
"eslintConfig": {
"root": true,
"env": {
"node": true
},
"extends": [
"plugin:vue/essential",
"eslint:recommended"
],
"rules": {},
"parserOptions": {
"parser": "babel-eslint"
}
},
"postcss": {
"plugins": {
"autoprefixer": {}
}
},
"browserslist": [
"> 1%",
"last 2 versions"
]
}
I tried to add typescript support but I have too many errors, is it possible to not use typescript for this component ?