You are viewing a plain text version of this content. The canonical link for it is here.
Posted to dev@airavata.apache.org by Bhavesh Asanabada <as...@gmail.com> on 2022/08/28 06:40:56 UTC
Error in CILogon Integration || Airavata Custos Portal || VueJS Dependency
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
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<,
Re: Error in CILogon Integration || Airavata Custos Portal || VueJS Dependency
Posted by Dinuka De Silva <l....@gmail.com>.
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 <as...@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
> <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<,
>