icehaunter / vue3-datepicker

Simple datepicker component for Vue 3
https://icehaunter.github.io/vue3-datepicker/
MIT License
150 stars 153 forks source link

Module parse failed: Unexpected token #53

Closed vricosti closed 1 year ago

vricosti commented 3 years ago

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 ?