coreui/coreui-vue

loader issue when run on docker node:16.18.0-alpine

Aditya23456 opened this issue · 1 comments

Hi, I m using coreui-pro. It works fine when I run npm run serve but when I run in docker for some reason UI doesn't load with loader error. This is the error:

docker-image | <s> [webpack.Progress] 95% emitting
docker-image | <s> [webpack.Progress] 95% emitting HtmlWebpackPlugin
docker-image | <s> [webpack.Progress] 95% emitting CopyPlugin
docker-image | <s> [webpack.Progress] 98% after emitting
docker-image | <s> [webpack.Progress] 98% after emitting CopyPlugin
docker-image | ERROR Failed to compile with 1 error5:11:01 AM
docker-image |
docker-image | error in ./node_modules/@coreui/vue-pro/dist/index.es.js
docker-image |
docker-image | Module parse failed: Unexpected token (11482:40)
docker-image | You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders`
docker-image | | };
docker-image | | const handleMouseUp = (event) => {
docker-image | > if (dropdownToggleRef.value?.contains(event.target)) {
docker-image | | return;
docker-image | | }

I tried different rules/loaders on webpack.config but nothing helped resolve this issue.

these are my dependencies:
"dependencies": {
"@coreui/chartjs": "^3.0.0",
"@coreui/coreui-pro": "^4.0.4",
"@coreui/icons": "^2.1.0",
"@coreui/icons-vue": "2.0.0",
"@coreui/utils": "^1.3.1",
"@coreui/vue-chartjs": "2.0.0",
"@coreui/vue-pro": "^4.0.1",
"@fullcalendar/core": "^5.10.0",
"@fullcalendar/daygrid": "^5.10.0",
"@fullcalendar/interaction": "^5.10.0",
"@fullcalendar/vue3": "^5.10.0",
"@vuelidate/core": "^2.0.0",
"@vuelidate/validators": "^2.0.0",
"axios": "^1.1.3",
"core-js": "^3.19.0",
"js-cookie": "^3.0.1",
"jsonwebtoken": "^8.5.1",
"vue": "^3.2.45",
"vue-functional-data-merge": "~3.1.0",
"vue-router": "^4.0.12",
"vue3-datepicker": "^0.3.4",
"vuex": "^4.0.0-0"
},
"devDependencies": {
"@vue/cli-plugin-babel": "~4.5.14",
"@vue/cli-plugin-e2e-cypress": "~4.5.14",
"@vue/cli-plugin-eslint": "~4.5.14",
"@vue/cli-plugin-router": "~4.5.14",
"@vue/cli-plugin-unit-jest": "~4.5.14",
"@vue/cli-plugin-vuex": "~4.5.14",
"@vue/cli-service": "~4.5.14",
"@vue/compiler-sfc": "^3.2.20",
"@vue/eslint-config-prettier": "^6.0.0",
"@vue/test-utils": "^2.0.0-0",
"babel-eslint": "^10.1.0",
"eslint": "^7.32.0",
"eslint-plugin-prettier": "^4.0.0",
"eslint-plugin-vue": "^7.20.0",
"prettier": "^2.4.1",
"sass": "^1.43.4",
"sass-loader": "^10.2.0",
"vue-jest": "^5.0.0-0"
}

`

finally solved this issue using this:
"@vue/cli-plugin-babel": "5.0.8",
"@vue/cli-plugin-e2e-cypress": "5.0.8",
"@vue/cli-plugin-eslint": "5.0.8",
"@vue/cli-plugin-router": "5.0.8",
"@vue/cli-plugin-unit-jest": "5.0.8",
"@vue/cli-plugin-vuex": "5.0.8",
"@vue/cli-service": "5.0.8",

instead of
"@vue/cli-plugin-babel": "~4.5.14",
"@vue/cli-plugin-e2e-cypress": "~4.5.14",
"@vue/cli-plugin-eslint": "~4.5.14",
"@vue/cli-plugin-router": "~4.5.14",
"@vue/cli-plugin-unit-jest": "~4.5.14",
"@vue/cli-plugin-vuex": "~4.5.14",
"@vue/cli-service": "~4.5.14",