AEM Design Importer - File Not Found - aem

I'm having a problem with AEM's design importer and wondering if anyone else has seen this or has any suggestions..
After uploading my zip file with the following file structure the page is unable to find my JavaScript file or Fonts. It does however, render my CSS and images and html:
- index.html
- css\style.css
- css\bootstrap.css
- css\fonts\*various font files*
- scripts\customjavascript.js
- img\*various img files*
The error message in the console says
"headindex.htmlclientlibs.min.js does not exist or cannot be found".
The file path its looking to find this file is https://*aemserver*/etc/designs/default/canvas/*domain*/_jcr_content/importer/headindex.htmlclientlibs.min.js
When I look at CRXDe I can see that my js and font folder/files were successfully imported under etc/designs/default/canvas/importer/ with the following folder structure:
css/font/*font files*
headindex.htmlclientlibs/css/style.css
headindex.htmlclientlibs/scripts/customjavascript.js
A workaound I have found that works is as follows:
- copying the fonts folder and pasting it under the root of /importer
- copying the customjavascript.js file and pasting it under the root of /importer and also renaming it to headindex.htmlclientlibs.min.js
But our authors don't have access to make these changes so it would kind of defeat the purpose of implementing the importer page to begin with...
I've searched all over and have yet to find anyone else who's had a similar situation or anything in the AEM documentation that addresses this. Hoping this may lead to something as I'm at a bit of a dead end. Thanks in advance!

Related

How to deploy using Hostinger?

I got an assignment to create a simple app and to deploy it in a website.
During development I was using xampp and never had an issue.
I do not know how to format folder directories but here I go. I have index and libs (folder) at same hierarchy, inside libs I have 3 folders, for css, js and php.
One file inside css, jQuery and scripts inside js and 3 files calling different apis inside php.
My first time hosting a website so I youtubed how to do it. however, I cannot get it to work properly.
I get the following error:
Failed to load resource: the server responded with a status of 404 ()
and it points to my jQuery and js file.
I have tried every "solution" available but nothing has been improved.
If anyone knows what is causing this can you please let me know or point towards some documentation so that I can fix it.
Thank you
I have found the issue.
The folder inside were in upper case and it causes an issue because the path was case sensitive.
By changing the path to JS instead of js and PHP opose to php, it was able to find the file

SF Message Channel Error: Cannot find Lightning Component Bundle force-app

I'm following a Lightning Web Component course and have been stuck on the Lightning Message Service lesson. After having created the messageChannels folder under force-app/main/default and creating the XML file, whenever I try to push the code (to either a Scratch Org or a Dev Org) I receive the error "Cannot find Lightning Component Bundle force-app".
I've searched frantically for an answer and none of the solutions online seem to help.
The XML file was copied and pasted from here: https://developer.salesforce.com/docs/atlas.en-us.api_meta.meta/api_meta/meta_lightningmessagechannel.htm
The package.xml file has also been copied and pasted from there (the applicable part)
3.The folder's name is spelled correctly and the file is aptly names as well (lwcChannel.messageChannel-meta.xml)
If I remove the messageChannels folder, pushing the code works normally.
Any help is appreciated, thanks in advance!

Issue with linking css & js files on Github

I'm hosting a site/page on Github, however, it is only reading the index.html file and not applying the css or js files to the site. I'm listing the file path for both the css and js files in a relative format (develop/style.css & develop/script.js) - I've tried reformatting this multiple times and have friend quite a few threads on stack overflow, nothing seems to be working :(. Can anyone find the missing link? Here's a link to the Github repo: https://github.com/emblair96/HW3-password-generator (it's an assignment for a coding Bootcamp I'm in -- so this is all very new to me).
The src tag is case sensitive. Your folder is Develop with a capital "D," but your HTML src tags both use develop with a lowercase "d."

Why don't the Target 8 files implement the project as described in the tutorial?

In Target 8: Define a Custom DOM Tag, the reader is told about custom DOM tags that can be created by extending other tags. A sample is described for an example called "x-converter" before listing the files as "These files implement the app:".
The three files are...
a drseuss.html file (not sure why there's a sudden deviation in the project name and the HTML file, as opposed to the matching names in previous tutorials...),
a converter-element.html file,
and a convertercomponent.dart file.
I tried creating a new application in the latest Dart editor, and replaced the default HTML file contents with that of drseuss.html, replaced the default dart file contents with that of convertercomponent.dart, and added converter-element.html file.
After fixing an include issue (the file from the tutorial refers to drseuss.css and not the default project name's CSS file), I only see the following in the Chromium browser.
As you can see, the element described in the tutorial (converter-element) doesn't show up. Why don't the files provided for the project result in what's shown in the tutorial?
For reference, here's what's shown in the tutorial.
Web UI requires the build.dart script which compiles the various components into the executable output HTML+Dart.
Take a look at the parent folder in the github src that you reference, and you will see the build.dart script.
In addition, you will need the pubspec.yaml from that folder, too, which includes web_ui package, which brings in the dwc tool(Dart Web Components compiler) used by build.dart.
Take a look at the article Tools for Web UI for more information about dwc and build.dart, and Target 6 - Getting Started with Web UI which covers similar ground, but in a tutorial format.

CPDF ERROR: [Image] Unable to get image:

I have looked all over trying to find an answer to this but none of the solutions worked out!
I am trying to print out a PDF of a letter that someone creates with TinyMCE, the html text editor. We can print images from the web fine but when we try to hit pictures on the testing server we come up with
TCPDF ERROR: [Image] Unable to get image:
I have checked all the file permissions, curl and allow_url_open are both on/enabled.
I am pretty stumped please help if you can..
Simple, when referencing your image in TCPDF do not use absolute links such as /images/myimage.png
TCPDF does not use the website home structure, it uses the base operating system directory structure. So use a relaive link, such as: images/myimage.png if the folde images resided in the same folder as your tcpdf php file. Or ../../images/myimage.png if the it was below the tcpdf folder.
I had this same problem referencing my TTF font files. Should be an easy fix.