Question
Capgemini
IT
Last activity: 8 Jan 2021 16:15 EST
Got error during React Starter Pack configuration with Pega 8.4 Personal Edition
Hi All,
I'm experiencing an error during the last configuration step ot the React Starter Pack with Pega 8.4 Personal Edition ( during the opening of my browser on http://localhost:3000).
"TypeError: Cannot read property 'forEach' of undefined" (Steps below: 20, 21)
I have done below steps:
1) Installed on my laptop (OS: win 10) Pega 8.4 Personal edition
2) Downloaded version 2 of React Starter Pack from "https://community.pega.com/marketplace/components/react-starter-pack"
3) I followed all the installation steps inside readme file
4) Unzipped the PegaReactStarterPack813.zip , in order to create following sub directories:
CableConnectApp, Documents, ReactApp
5) Imported Cable connect sample application in Pega 8.4 by following the instructions inside CableConnectSampleApp.pdf
6) Verified if the application server support CORS
Hi All,
I'm experiencing an error during the last configuration step ot the React Starter Pack with Pega 8.4 Personal Edition ( during the opening of my browser on http://localhost:3000).
"TypeError: Cannot read property 'forEach' of undefined" (Steps below: 20, 21)
I have done below steps:
1) Installed on my laptop (OS: win 10) Pega 8.4 Personal edition
2) Downloaded version 2 of React Starter Pack from "https://community.pega.com/marketplace/components/react-starter-pack"
3) I followed all the installation steps inside readme file
4) Unzipped the PegaReactStarterPack813.zip , in order to create following sub directories:
CableConnectApp, Documents, ReactApp
5) Imported Cable connect sample application in Pega 8.4 by following the instructions inside CableConnectSampleApp.pdf
6) Verified if the application server support CORS
7) Disabled authentication on API Service Package as a training enviroment
8) Installed Nodejs (for win 10)
Downloaded from "https://nodejs.org/en/"
9) Checked Nodejs installation ver 12.16.2
10) Checked npm installation ver 6.14.4
11) Updated npm
12) Installed Yarn (for win 10) 1.22.4
Downloaded from "https://classic.yarnpkg.com/en/docs/install#windows-stable"
13) Checked Installed Yarn (for win 10) 1.22.4
14) Unzipped PegaReact.zip
15) Opened Dev Studio Code on PegaReactApp folder
16) Opened a terminal window and ran following command: yarn install
17) After installation I have seen a new folder: "node_module"
18) After that I ran following command: yarn start
19) After that I was able to see the App login page:
20) I tried to login with any of the following credentials_
_ operator: rep.cableco, password: pega - case worker _ operator: tech.cableco, password: pega – case worker _ operator: manager.cableco, password: pega – case manager _ operator: admin.cableco, password: pega – developer/admin
but unfortunately I got this error:
21) I tried to compile the PegaApp.js using Visual Studio Code
Did I forget a few steps?
I would appreciate help from you
Regards
Carlo Preziosi
***Edited by Moderator Marissa to update General to Product***
Cognizant
GB
Hello Carlo Preziosi ,
You have to do two things for it to work
1. When you try to log in at the react screen, it will by default redirecting to http://localhost:1080/web to authenticate. So, if your PRPC is running on some other port ,go to (from pegaapp-react folder) \src\_services and edit the 'baseurl' in endpoints.js file to your localhost port.
2. In API service package, check Requires Authentication checkbox and uncheck Require TLS/SSL for REST services in this package
Let me know if you still face the issue or ignore if it already resolved
Pegasystems Inc.
US
Hi.
I notice that, in Step 7, you mention that you had turned Authentication off. You should leave the Authentication set to Basic and leave "Require TLS/SSL for REST services in this package" unchecked:
I was able to reproduce the problem you showed by unchecking "Requires authentication" but was able to log in and begin processing with the app successfully after re-checking "Requires authentication" and saving the api service package with the settings shown above.
If this doesn't work, please refer to these other suggestions in this post:
https://collaborate.pega.com/question/react-starter-pack#comment-775361
If none of these suggestions help, please give any more details that may help us reproduce/diagnose and we'll continue to investigate.
Thanks for trying the React Starter Pack!
Knowledge Expert
NL
Hi All,
I am also facing the same issue. My observation are as follows:
- The user is not getting authenticated at all and which is preventing him to get access to the case type rules.
- If I keep the require authentication enable then user is not able to login at all.
- And if i point the service package access group to my particular application access group then invalid user are also getting logged in and they can create case but they cannot access the assignments as the flow is getting break
Scenario 2 screen shot:
Scenario 3 error screen shot:
After login getting this error
×
Unhandled Rejection (TypeError): Cannot read property 'Email' of undefined
user
src/_reducers/user.reducer.js:65
62 | name: action.operator.pyLabel,
63 | id: action.operator.pyUserIdentifier,
64 | accessGroup: action.operator.pyAccessGroup,
> 65 | email: action.operator.pyAddresses.Email.pyEmailAddress,
66 | workbaskets: action.operator.pyWorkbasket
67 | }
68 | };
View compiled
combination
Hi All,
I am also facing the same issue. My observation are as follows:
- The user is not getting authenticated at all and which is preventing him to get access to the case type rules.
- If I keep the require authentication enable then user is not able to login at all.
- And if i point the service package access group to my particular application access group then invalid user are also getting logged in and they can create case but they cannot access the assignments as the flow is getting break
Scenario 2 screen shot:
Scenario 3 error screen shot:
After login getting this error
×
Unhandled Rejection (TypeError): Cannot read property 'Email' of undefined
user
src/_reducers/user.reducer.js:65
62 | name: action.operator.pyLabel,
63 | id: action.operator.pyUserIdentifier,
64 | accessGroup: action.operator.pyAccessGroup,
> 65 | email: action.operator.pyAddresses.Email.pyEmailAddress,
66 | workbaskets: action.operator.pyWorkbasket
67 | }
68 | };
View compiled
combination
node_modules/redux/es/combineReducers.js:120
rootReducer
src/_reducers/root.reducer.js:24
21 | state = undefined;
22 | }
23 |
> 24 | return appReducer(state, action);
25 | };
26 |
27 |
View compiled
▶ 4 stack frames were collapsed.
(anonymous function)
src/_actions/user.actions.js:63
60 |
61 | dataPageService.getDataPage("D_OperatorID").then(
62 | operator => {
> 63 | dispatch(success(operator));
64 | },
65 | error => {
66 | dispatch(failure(error));
This issue I was able to resolved by removing the email line from the respective file. But main issue i can't see the assignment as it is getting logged in without any user
