Internal Server error

[rajkumar73443]

Hi there!

Tried the solution, am not able to get chat token using name, getting internal server 500 this api /chat/token.

Thanks

[philnash]

Hi there! Can you explain a bit more about what you did and what error you are getting? If you are trying to use the token endpoints, did you checkout the twilio branch? Can you post the full error message you get? Have you changed anything about the project?

[rajkumar73443]

http://localhost:3000/chat/token.
Failed to load resource: the server responded with a status of 500 (Internal Server Error).

[philnash]

Did you check out the twilio branch? Have you changed anything about the project? Did you follow the instructions to get things started in the README? Have you filled in the .env file with your Twilio credentials?

[rajkumar73443]

I have checked out this https://github.com/philnash/react-express-starter.
Have you changed anything about the project:-NO,
Did you follow the instructions to get things started in the README: Yes,
Have you filled in the .env file with your Twilio credentials:Yes

[philnash]

Are you using the twilio branch?

Is there an error in the terminal where you started the app?

[rajkumar73443]

Are you using the twilio branch:Yes
Is there an error in the terminal where you started the app:No

[philnash]

How are you running the application? Is it with npm run dev?

How are you fetching /chat/token?

[rajkumar73443]

How are you running the application? Is it with npm run dev? yes
How are you fetching /chat/token?http://localhost:3000/chat/token.

[philnash]

Here's what I have done and the result I get:

Clone the repo and checkout the twilio branch:

git clone https://github.com/philnash/react-express-starter.git -b twilio

Change into the new directory and install the dependencies

cd react-express-starter
npm install

Copy the .env.example file to .env

cp .env.example .env

Enter values for TWILIO_ACCOUNT_SID, TWILIO_API_KEY, TWILIO_API_SECRET and TWILIO_CHAT_SERVICE_SID in .env.

Start the application:

npm run dev

Open localhost:3000 and you will find the React application running. In fact, if you open http://localhost:3000/chat/token you will also see the React application, because on port 3000 React takes over all the routes.

You can try to load http://localhost:3001/chat/token (the server is running on port 3001 and being proxied to by the webpack dev server). When I do, after following the above steps, I receive a JSON response with an access token.

You can also load up localhost:3000 and open dev tools and make a request to/chat/token like this:

fetch("/chat/token", { headers: { "Content-Type": "application/json" }})
  .then(res => res.json)
  .then(console.log)

I did so and found the token was logged to the console.

Please try again, following the above steps. If you still get a 500 error, please send me a screenshot of the error in the browser and a screenshot of the terminal where the application was started.

Thanks.

[rajkumar73443]

But I got some after do this thing.

[philnash]

Can you send a screenshot of the terminal where you ran npm run dev after you get this error, please.

[rajkumar73443]

Hello, can you see this screen shot

[philnash]

Thanks @rajkumar73443, we're getting somewhere! That shows that the webpack dev server is having trouble proxying the request.

Can you make a request directly to localhost:3001/chat/token and show the terminal like that last screenshot?

[rajkumar73443]