Help a newb with HubSpot integration?
Tags: getting started
Oct 2, 2018 at 3:15pm • 4 replies • 0 likes
bjsvec
I am trying to follow along to get this working: https://github.com/zxdong262/hubspot-embeddable-ringcentral-phone#features
I think I have my dev environment ok. I use MacOS 10.14 and installed Xcode, node, npm, etc.
I have gotten as far as copying the config.sample.js to config.js and editing it with my HubSpot tokens.
When I run npm start I end up with the following error and the terminal hangs. I try the next step of adding the extension in Chrome and it doesn't work.
WARNING in asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
This can impact web performance.
Assets:
content.js (365 KiB)
WARNING in entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance.
Entrypoints:
content (365 KiB)
content.js
WARNING in webpack performance recommendations:
You can limit the size of your bundles by using import() or require.ensure to lazy load some parts of your application.
For more info visit https://webpack.js.org/guides/code-splitting/
Can anyone give me a hint of where I might be going wrong?
Thank you.
4 Answers
Thank you for both suggestions. I agree the warnings should not matter.
First, I tried yarn build and got the same result as npm start. They seem to do the same thing.
And I confirmed I am ending up with a content.js file in /dist
One odd thing I noticed and am not sure if is relevant is that I can only see and edit the content.js file in the terminal but do not see it in the finder (even though I am showing hidden files). It seems if I can't view it in the finder then it makes sense Chrome can't find it either when I try to add it.
I'm just learning as I go here, but I feel like I am missing some basic understanding of how this should all work..
Thanks for any additional advice.
First, I tried yarn build and got the same result as npm start. They seem to do the same thing.
And I confirmed I am ending up with a content.js file in /dist
Brandons-MacBook-Pro:dist brandonsvec$ pwd
/Users/brandonsvec/Downloads/hubspot-embeddable-ringcentral-phone/dist
Brandons-MacBook-Pro:dist brandonsvec$ ls -alrt
total 1488
-rw-r--r-- 1 brandonsvec staff 896 Oct 2 14:27 background.js
drwxr-xr-x 6 brandonsvec staff 192 Oct 2 14:27 icons
drwxr-xr-x 20 brandonsvec staff 640 Oct 2 14:54 ..
-rw-r--r-- 1 brandonsvec staff 373480 Oct 2 17:05 content.js
-rw-r--r-- 1 brandonsvec staff 3790 Oct 2 17:05 redirect.js
-rw-r--r-- 1 brandonsvec staff 370928 Oct 2 17:05 content.js.map
drwxr-xr-x 8 brandonsvec staff 256 Oct 2 17:05 .
-rw-r--r-- 1 brandonsvec staff 1323 Oct 2 17:05 manifest.json
One odd thing I noticed and am not sure if is relevant is that I can only see and edit the content.js file in the terminal but do not see it in the finder (even though I am showing hidden files). It seems if I can't view it in the finder then it makes sense Chrome can't find it either when I try to add it.
I'm just learning as I go here, but I feel like I am missing some basic understanding of how this should all work..
Thanks for any additional advice.
0
I didn't try the code myself. I read it.
https://github.com/zxdong262/hubspot-embeddable-ringcentral-phone/blob/master/dist/manifest.json#L43
You can see that there is content.js configured in the manifest file.
And there is also content.js file configured in webpack file: https://github.com/zxdong262/hubspot-embeddable-ringcentral-phone/blob/master/webpack.config.js#L42
So what you need to do is to run webpack compile first to generate that content.js file.
Try "yarn build" command.
https://github.com/zxdong262/hubspot-embeddable-ringcentral-phone/blob/master/dist/manifest.json#L43
You can see that there is content.js configured in the manifest file.
And there is also content.js file configured in webpack file: https://github.com/zxdong262/hubspot-embeddable-ringcentral-phone/blob/master/webpack.config.js#L42
So what you need to do is to run webpack compile first to generate that content.js file.
Try "yarn build" command.
0
A new Community is coming to RingCentral!
Posts are currently read-only as we transition into our new platform.We thank you for your patience
during this downtime.
Try Workflow Builder
Did you know you can easily automate tasks like responding to SMS, team messages, and more? Plus it's included with RingCentral Video and RingEX plans!Try RingCentral Workflow Builder