Hi Bhavesh, It looks like the latest vue has some breaking changes. For now, I just tried downgrading the versions in your app and it works fine. Please check.
https://github.com/bhavesh-asana/CILogon-auth0/pull/1 Thanks & Regards, Dinuka On Sun, Aug 28, 2022 at 2:41 AM Bhavesh Asanabada <asanabhav...@gmail.com> wrote: > Hello, > > I'm working on the login page of the SMILES Web application, for which the > front end is being developed in Vue.JS framework. I tried to integrate the > "airavata-custos-portal": > "github:apache/airavata-custos-portal" dependency in the vue-config.js > file to avail the CILogon features to the Web application. But on adding > the dependencies, it throws an error in the custos modules, please check > the error message pasted below and do the needful. > > *Versions being used:* > > 1. Node > v14.20.0 > 2. npm > > 6.14.17 > 3. > > Vue > Tried with both ~3.0 and ~2.0 > > Thanks, > Bhavesh Asanabada > > > >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>. ERROR MESSAGE > >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> > (base) Bhavesh-MacBook:vue-auth0 bhavesh$ yarn run serve > yarn run v1.22.17 > $ vue-cli-service serve > INFO Starting development server... > > ERROR Failed to compile with 3 errors > > 11:44:04 > > error in > ./node_modules/airavata-custos-portal/node_modules/dotenv/lib/main.js > Module not found: Error: Can't resolve 'fs' in > '/Users/Bhavesh/Codebase/vue-auth0/node_modules/airavata-custos-portal/node_modules/dotenv/lib' > > error in > ./node_modules/airavata-custos-portal/src/lib/service/custos-service/custos-service-tenants.js > Module not found: Error: Can't resolve '@/config' in > '/Users/Bhavesh/Codebase/vue-auth0/node_modules/airavata-custos-portal/src/lib/service/custos-service' > > error in > ./node_modules/airavata-custos-portal/src/lib/store/modules/tenant.store.js > Module not found: Error: Can't resolve '@/config' in > '/Users/Bhavesh/Codebase/vue-auth0/node_modules/airavata-custos-portal/src/lib/store/modules' > > ERROR in > ./node_modules/airavata-custos-portal/node_modules/dotenv/lib/main.js > 24:11-24 > Module not found: Error: Can't resolve 'fs' in > '/Users/Bhavesh/Codebase/vue-auth0/node_modules/airavata-custos-portal/node_modules/dotenv/lib' > @ ./node_modules/airavata-custos-portal/src/config.js 1:0-28 2:0-13 > @ ./node_modules/airavata-custos-portal/src/lib/store/util/custos.util.js > 2:0-37 4:12-24 5:16-28 6:15-27 7:11-23 > @ ./node_modules/airavata-custos-portal/src/lib/store/util/index.js > 3:0-46 18:4-35 > @ ./node_modules/airavata-custos-portal/src/lib/store/index.js 3:0-43 > 4:20-37 > @ > ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/LoginPage.vue?vue&type=script&lang=js > 1:0-63 8:9-20 > @ ./src/components/LoginPage.vue?vue&type=script&lang=js 1:0-201 1:0-201 > 1:202-392 1:202-392 > @ ./src/components/LoginPage.vue 2:0-60 3:0-55 3:0-55 6:49-55 > @ > ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/App.vue?vue&type=script&lang=js > 1:0-51 5:4-13 > @ ./src/App.vue?vue&type=script&lang=js 1:0-189 1:0-189 1:190-368 > 1:190-368 > @ ./src/App.vue 2:0-54 3:0-49 3:0-49 8:49-55 > @ ./src/main.js 2:0-28 3:10-13 > > ERROR in > ./node_modules/airavata-custos-portal/src/lib/service/custos-service/custos-service-tenants.js > 3:0-30 > Module not found: Error: Can't resolve '@/config' in > '/Users/Bhavesh/Codebase/vue-auth0/node_modules/airavata-custos-portal/src/lib/service/custos-service' > @ > ./node_modules/airavata-custos-portal/src/lib/service/custos-service/index.js > 9:0-53 96:24-37 > @ ./node_modules/airavata-custos-portal/src/lib/store/util/custos.util.js > 1:0-57 3:33-46 > @ ./node_modules/airavata-custos-portal/src/lib/store/util/index.js > 3:0-46 18:4-35 > @ ./node_modules/airavata-custos-portal/src/lib/store/index.js 3:0-43 > 4:20-37 > @ > ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/LoginPage.vue?vue&type=script&lang=js > 1:0-63 8:9-20 > @ ./src/components/LoginPage.vue?vue&type=script&lang=js 1:0-201 1:0-201 > 1:202-392 1:202-392 > @ ./src/components/LoginPage.vue 2:0-60 3:0-55 3:0-55 6:49-55 > @ > ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/App.vue?vue&type=script&lang=js > 1:0-51 5:4-13 > @ ./src/App.vue?vue&type=script&lang=js 1:0-189 1:0-189 1:190-368 > 1:190-368 > @ ./src/App.vue 2:0-54 3:0-49 3:0-49 8:49-55 > @ ./src/main.js 2:0-28 3:10-13 > > ERROR in > ./node_modules/airavata-custos-portal/src/lib/store/modules/tenant.store.js > 2:0-30 > Module not found: Error: Can't resolve '@/config' in > '/Users/Bhavesh/Codebase/vue-auth0/node_modules/airavata-custos-portal/src/lib/store/modules' > @ ./node_modules/airavata-custos-portal/src/lib/store/util/index.js > 7:0-45 26:6-12 > @ ./node_modules/airavata-custos-portal/src/lib/store/index.js 3:0-43 > 4:20-37 > @ > ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/LoginPage.vue?vue&type=script&lang=js > 1:0-63 8:9-20 > @ ./src/components/LoginPage.vue?vue&type=script&lang=js 1:0-201 1:0-201 > 1:202-392 1:202-392 > @ ./src/components/LoginPage.vue 2:0-60 3:0-55 3:0-55 6:49-55 > @ > ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/App.vue?vue&type=script&lang=js > 1:0-51 5:4-13 > @ ./src/App.vue?vue&type=script&lang=js 1:0-189 1:0-189 1:190-368 > 1:190-368 > @ ./src/App.vue 2:0-54 3:0-49 3:0-49 8:49-55 > @ ./src/main.js 2:0-28 3:10-13 > > webpack compiled with 3 errors > <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< END OF ERROR MESSAGE > <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<, >