d3 js v5 and password protected directory in cpanel - ajax

Here's the problem I am facing:
I have a web application built using d3.js v5 and I am using cpanel as the hosting platform. The app loads a bunch of topojson and csv data files and plots them in the browser. Everything works fine as long as I don't protect the public_html directory with a password. The moment I do it, d3 does not read the data anymore and it throws the following errors.
For the json files:
Uncaught (in promise) Error: 401 Unauthorized at responseJson (d3.v5.js:5845)
And for the csv files:
Uncaught (in promise) Error: 401 Unauthorized at responseText (d3.v5.js:5806)
I have tried both with http and https connections to check if that would solve the issue but I still get the same errors. The only thing I can think of is that there is a conflict between the way d3 v5 loads the files (promises) and the privacy layer of cpanel but i couldn't find any solution out there.

Related

getting error on server(aws) SyntaxError: Unexpected token '<', "<!DOCTYPE "... is not valid JSON, but works fine on local - Laravel Application

I have deployed my laravel application on AWS server(ubuntu). Application works fine. But when I upload images using custom modal popup, then i got the syntax error from vendors.js.
Here is the error getting from modal popup while uploading images:
Can anyone tell about that, how i can resolve that?
I am just stuck from last two days.
I have tried run on server
npm i body-parser
And also re-add the file of vendors.js
But same result.

Getting Hydration Failed errors in shopify when building the first app

I am learning how to code an Shopify app. I wanted to build first app and I started following this tutorial : https://shopify.dev/apps/getting-started/create
I used npm init #Shopify/app#latest to create first app, then moved to that directory using cd .\first-app\ then I used npm run dev App looks and works fine with UI but on console I am getting lots of errors. Here are few of them.
Hydration failed because the initial UI does not match what was rendered on the server.
There was an error while hydrating. Because the error happened outside of a Suspense boundary, the entire root will switch to client rendering.
vendors-node_modules_bugsnag_js_browser_notifier_js-node_modules_shopify_monorail_lib_monorai-fdaebc-b7c7bc61031d801d7cdf29f30133708999e0fe454a161247422ecc3e28c64ef8.js:2
Uncaught (in promise) Error: Error completing request. A network failure may have prevented the request from completing. Error: TypeError: Failed to fetch
And few more, I did set up the ngrok tunnel and it is working fine.
I might be missing something, any help or pointing me to right direction is appriciated
Trying to build my first app on Shopify going through their documentation using : https://shopify.dev/apps/getting-started/create

Uncaught SyntaxError: Unexpected token '<' in app.js in Gcloud

I'm very new to Gcloud after 4 attempts I deployed local Laravel + Vue Project to Gcloud. It worked fine in local env, but the app showing blank page after deployment and the console showing below error message.
Uncaught SyntaxError: Unexpected token '<' app.js.
Even the resource files also not visible.
App link: https://fluted-vehicle-277421.el.r.appspot.com/
Can anyone suggest what went wrong?
This error typically gets thrown when in js file you have put html.
Try checking if you have html inside js file and remove it.
Regarding the error you mentioned in your post, as you can see here, this error is most likely the result of a 404 page or a redirect to a page that serves regular html instead of the JavaScript files.
On the other hand, I am not sure if you deployed a new version but currently, the error I see if I go to your site is "There is no existing directory at "C:\xampp\htdocs\LMS_project\storage\logs" and its not buildable: Permission denie". So, as I can see these errors are because you are not change correctly the paths in your app. You need to ensure the right paths in order to avoid this errors.

I need to export large files to PDF using Laravel

I am trying to export to PDF from HTML, using wkhtmlpdf with laravel, but throws an error because of the external links.
I am using the barryvdh/laravel-snappy wrapper but an error is thrown because of the external files, bootstrap (https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css, and image files hosted on cloudinary).
A part of the error shown is:
Error: Failed to load https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css, with network status code 3 and http status code 0 - Host not found
I have seen articles that suggests using http instead of https, but that still didn't work

Bundling JSON data files with Aurelia CLI

I'm using the Aurelia CLI for a data visualization project and can successfully import .json data files from within my src/ directory with
d3.json('src/data/patient-data.json', (data:JSON) => { ... }
when running with "au run" and pointing the browser to localhost:9000.
However, if I open my index.html file statically within a browser, everything else on the page works just fine, except my data won't load and I get the error:
XMLHttpRequest cannot load file:///D:/Webstorm%20Projects/ag-grid-aurelia-example-master/src/data/patient-data.json. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.
How can I fix this? And why is it a cross origin request when the file is coming from within my own src directory?
I don't understand why it works fine with 'au run' but not when opened directly from index.html. Does it have something to do with the json file not being included in the bundling process?
And while I'm already using d3 for other things, I'm not necessarily tied to using it to import json files specifically, if that has anything to do with the problem. I just need to load them in somehow.

Resources