MYPIBLOGs

hi ,i am newbe for sharepoint, tried to create  hello world react-sharepoint webpart.

I just created the brand new react sharepoint webpart. build and run it. I am able to see the results in local worbench. like below

Localhost workbench

results:

but When 

it try it with  sharepoint onlinne it gives me nothing visual effect like above.No results!

i checked console and found the errors and warning like below.

If any one can help to understand or resolve the issue.

Thanks.

Warning!

Use of this tool exposes you to potential security threats which can result in others gaining access to your personal Office 365 data (documents, emails, conversations and more).

Make sure you trust the person or organization that asked you to access this tool before proceeding.Learn more here: https://technet.microsoft.com/en-us/library/bb794823.aspx

e-palm-header-footer-application-customizer_7808c27907c1a7f56d5633cb523e3cc0.js:77 EPalmHeaderFooterApplicationCustomizer._renderPlaceHolders()

workbench.aspx:1 A cookie associated with a cross-site resource at http://localhost/ was set without the `SameSite` attribute. A future release of Chrome will only deliver cookies with cross-site requests if they are set with `SameSite=None` and `Secure`.

You can review cookies in developer tools under Application>Storage>Cookies and see more details at https://www.chromestatus.com/feature/5088147346030592 and https://www.chromestatus.com/feature/5633521622188032.

sp-webpart-workbench-assembly_en-us_3d663fbeefb4d0f4a2c7d9a6bdc7a584.js:1 [Deprecation] chrome.loadTimes() is deprecated, instead use standardized API: Paint Timing. https://www.chromestatus.com/features/5637885046816768.

e._checkTTI @ sp-webpart-workbench-assembly_en-us_3d663fbeefb4d0f4a2c7d9a6bdc7a584.js:1

e-palm-header-footer-application-customizer_7808c27907c1a7f56d5633cb523e3cc0.js:77 LCEVENT:navigatedEvent=https://dmeppdomain.sharepoint.com/sites/ePalmDashboard/_layouts/15/workbench.aspx

sp-webpart-workbench-assembly_en-us_3d663fbeefb4d0f4a2c7d9a6bdc7a584.js:1 Uncaught Error: Minified React error #200; visit https://reactjs.org/docs/error-decoder.html?invariant=200 for the full message or use the non-minified dev environment for full errors and additional helpful warnings. 

    at Module.render (sp-webpart-workbench-assembly_en-us_3d663fbeefb4d0f4a2c7d9a6bdc7a584.js:1)

    at e-palm-header-footer-application-customizer_7808c27907c1a7f56d5633cb523e3cc0.js:77

/sites/ePalmDashboard/_api/web/lists/getByTitle('Alert')/items?$select=Title,ID:1 Failed to load resource: the server responded with a status of 404 ()

BIAL-Logo.svg:1 Failed to load resource: the server responded with a status of 404 ()

/sites/ePalmDashboard/_api/web/lists/getByTitle('Task')/items?$select=Title,ID:1 Failed to load resource: the server responded with a status of 404 ()

ePalmLogo.svg:1 Failed to load resource: the server responded with a status of 404 ()

workbench.aspx:1 A cookie associated with a cross-site resource at https://webshell.suite.office.com/ was set without the `SameSite` attribute. A future release of Chrome will only deliver cookies with cross-site requests if they are set with `SameSite=None` and `Secure`. You can review cookies in developer tools under Application>Storage>Cookies and see more details at https://www.chromestatus.com/feature/5088147346030592 and https://www.chromestatus.com/feature/5633521622188032.

suiteux.shell.crossdomainproxyiframe.72e2159e610dbfa18fe4.js:114

Uncaught TypeError: Cannot read property 'Url' of undefined

    at Object.success (suiteux.shell.crossdomainproxyiframe.72e2159e610dbfa18fe4.js:114)

    at u (suiteux.shell.crossdomainproxyiframe.72e2159e610dbfa18fe4.js:93)

    at Object.fireWith [as resolveWith] (suiteux.shell.crossdomainproxyiframe.72e2159e610dbfa18fe4.js:93)

    at C (suiteux.shell.crossdomainproxyiframe.72e2159e610dbfa18fe4.js:93)

    at XMLHttpRequest.<anonymous> (suiteux.shell.crossdomainproxyiframe.72e2159e610dbfa18fe4.js:93)

37XHR finished loading: POST "<URL>".

DevTools failed to load SourceMap: Could not load content for https://localhost:4321/temp/manifestsFile.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE

DevTools failed to load SourceMap: Could not load content for https://oneshellprcorp.blob.core.windows.net/oneshellpr/20200713.1/tokenfactoryiframe.map: HTTP error: status code 403, net::ERR_HTTP_RESPONSE_CODE_FAILURE

DevTools failed to load SourceMap: Could not load content for https://oneshellprcorp.blob.core.windows.net/oneshellpr/20200713.1/bootstrapper.map: HTTP error: status code 403, net::ERR_HTTP_RESPONSE_CODE_FAILURE

DevTools failed to load SourceMap: Could not load content for https://oneshellprcorp.blob.core.windows.net/oneshellpr/20200713.1/responsive.map: HTTP error: status code 403, net::ERR_HTTP_RESPONSE_CODE_FAILURE

DevTools failed to load SourceMap: Could not load content for https://oneshellprcorp.blob.core.windows.net/oneshellpr/20200713.1/crossdomainproxyiframe.map: HTTP error: status code 403, net::ERR_HTTP_RESPONSE_CODE_FAILURE

DevTools failed to load SourceMap: Could not load content for https://oneshellprcorp.blob.core.windows.net/oneshellpr/20200713.1/core.map: HTTP error: status code 403, net::ERR_HTTP_RESPONSE_CODE_FAILURE

DevTools failed to load SourceMap: Could not load content for https://oneshellprcorp.blob.core.windows.net/oneshellpr/20200713.1/searchbox.map: HTTP error: status code 403, net::ERR_HTTP_RESPONSE_CODE_FAILURE

DevTools failed to load SourceMap: Could not load content for https://oneshellprcorp.blob.core.windows.net/oneshellpr/20200713.1/plus.map: HTTP error: status code 403, net::ERR_HTTP_RESPONSE_CODE_FAILURE

DevTools failed to load SourceMap: Could not load content for https://oneshellprcorp.blob.core.windows.net/oneshellpr/20200713.1/notifications.map: HTTP error: status code 403, net::ERR_HTTP_RESPONSE_CODE_FAILURE

DevTools failed to load SourceMap: Could not load content for https://oneshellprcorp.blob.core.windows.net/oneshellpr/20200713.1/sb_strings.map: HTTP error: status code 403, net::ERR_HTTP_RESPONSE_CODE_FAILURE

DevTools failed to load SourceMap: Could not load content for https://oneshellprcorp.blob.core.windows.net/oneshellpr/20200713.1/searchux.map: HTTP error: status code 403, net::ERR_HTTP_RESPONSE_CODE_FAILURE