kicksite

Forum Replies Created

Viewing 8 replies - 1 through 8 (of 8 total)
  • Thread Starter kicksite

    (@kicksite)

    Hey @kel-dc!

    I was actually able to get this rectified on my own. Appreciate you reaching out!

    Thread Starter kicksite

    (@kicksite)

    Awesome, I will try those options and let you know how it goes. Thanks again!

    Thread Starter kicksite

    (@kicksite)

    @mattkeys

    Thanks for the suggestions! I will look into resolving those other console errors to see if they could be the culprit.

    You are absolutely correct about how the full site editor version works. I inpsected the my template homepage and the preview is being created and shown inside of a iframe container. I checked the iframe <head> and it doesn’t look like the font awesome script is being enqueued into the iframe preview. At least this is how it appears to be working at first glance.

    It’s not a site breaking issue or anything for us since this theme is mostly only managed in house. Once again I appreciate you taking the time to dig into this!

    Thread Starter kicksite

    (@kicksite)

    Unfortunately, it doesn’t look like there any console errors that are related to font awesome at all. There’s a few errors for our css.map files I need to clean up, but that’s about it.

    I’ve attached a screenshot in this folder of what I’m seeing https://drive.google.com/drive/folders/1hpeEf7lVQJlw5OzzIQlHCeXvbhAeXied?usp=sharing.

    Thread Starter kicksite

    (@kicksite)

    Hey @mattkeys ,

    Thanks for getting back to me!

    Sure thing, they are:

    <link rel="stylesheet" id="acf-input-font-awesome-css"  media="all">

<script src="https://kit.fontawesome.com/{my-kit-id}.js" id="font-awesome-kit-js"></script>

<script id="acf-input-font-awesome-js-extra">
var ACFFA = {"major_version":"6","v5_compat_mode":""};
</script>

<script src="https://agility-2.local/wp-content/plugins/advanced-custom-fields-font-awesome/assets/js/input-v6.js?ver=4.0.6" id="acf-input-font-awesome-js"></script>

<script crossorigin="anonymous" src="https://kit.fontawesome.com/1eb314482a.js?ver=6.5.3" id="acffa_font-awesome-kit-js"></script>

    Those were all the things I could find related to ACF Font Awesome. There are also two shims for the CSS but they are very long, so I figured it was safe to leave them off.

    Thanks again!

    Thread Starter kicksite

    (@kicksite)

    Hey @jordesign,

    Thanks for you help!

    So, I tried replacing the admin_enqueue_scripts with enqueue_block_editor_assets as suggested, but it didn’t seem to help. It looks like it’s being correctly added in the backend of the site. If I inspect the page and look into the <head> section, it looks like the kit script and css is being correctly applied to the page, but the icons still aren’t showing.

    Currently we are using “Advanced Custom Fields: Font Awesome” and it looks like it’s also adding a script using the same kit identifier. Could that be causing any sort of conflict?

    Thanks again for your assistance!

    Thread Starter kicksite

    (@kicksite)

    That worked!

    Where do we go from here? Is this something with how I wrote the code for the block or with how I set up my custom post type?

    Thread Starter kicksite

    (@kicksite)

    Hey Konrad,

    Apologies for the long delay in getting back to you! I was able to get into the wp-config and add the code you requested. The output in the console when I add more than one post is:

    query error:

    Uncaught TypeError: elem is null

    jQuery 5

        filter

        grep

        filter

        winnow

        is

    onAppend acfe-input.js:2657

    _runHook _acf-hooks.js:249

    doAction _acf-hooks.js:64

    doAction _acf.js:929

    componentDidAppend _acf-blocks.js:1207

    componentDidAppend _acf-blocks.js:1415

    display _acf-blocks.js:1182

    componentDidUpdate _acf-blocks.js:1203

    commitLayoutEffectOnFiber react-dom.js:23343

    commitLayoutMountEffects_complete react-dom.js:24698

    commitLayoutEffects_begin react-dom.js:24684

    commitLayoutEffects react-dom.js:24622

    commitRootImpl react-dom.js:26833

    commitRoot react-dom.js:26692

    finishConcurrentRender react-dom.js:25991

    performConcurrentWorkOnRoot react-dom.js:25819

    workLoop react.js:2653

    flushWork react.js:2626

    performWorkUntilDeadline react.js:2920

    EventHandlerNonNull* react.js:2958

    <anonymous> react.js:13

    <anonymous> react.js:14

    post.php error:

    The above error occurred in the <BlockPreview> component: BlockPreview@https://agility-20.local/wp-content/plugins/advanced-custom-fields-pro/assets/build/js/pro/acf-pro-blocks.js?ver=6.2.5:1220:3 div _BlockBody@https://agility-20.local/wp-content/plugins/advanced-custom-fields-pro/assets/build/js/pro/acf-pro-blocks.js?ver=6.2.5:821:9 withSelect/</<@https://agility-20.local/wp-includes/js/dist/data.js?ver=2b5bb06caaeb5048ed96:4286:31 @https://agility-20.local/wp-includes/js/dist/compose.js?ver=228e7d7fccaae67c220c:3274:10 BlockEdit@https://agility-20.local/wp-content/plugins/advanced-custom-fields-pro/assets/build/js/pro/acf-pro-blocks.js?ver=6.2.5:734:7 Edit@https://agility-20.local/wp-includes/js/dist/block-editor.js?ver=0930e041f64667e446db:16532:7 withToolbarControls</<@https://agility-20.local/wp-includes/js/dist/block-editor.js?ver=0930e041f64667e446db:15655:7 withInspectorControl</<@https://agility-20.local/wp-includes/js/dist/block-editor.js?ver=0930e041f64667e446db:16172:78 custom_class_name_withInspectorControl</<@https://agility-20.local/wp-includes/js/dist/block-editor.js?ver=0930e041f64667e446db:16338:30 withBlockControls</<@https://agility-20.local/wp-includes/js/dist/block-editor.js?ver=0930e041f64667e446db:37024:24 withDuotoneControls</<@https://agility-20.local/wp-includes/js/dist/block-editor.js?ver=0930e041f64667e446db:37803:84 withInspectorControls</<@https://agility-20.local/wp-includes/js/dist/block-editor.js?ver=0930e041f64667e446db:38367:7 layout_withInspectorControls</<@https://agility-20.local/wp-includes/js/dist/block-editor.js?ver=0930e041f64667e446db:38684:7 content_lock_ui_withBlockControls</<@https://agility-20.local/wp-includes/js/dist/block-editor.js?ver=0930e041f64667e446db:39624:53 withBlockHooks</<@https://agility-20.local/wp-includes/js/dist/block-editor.js?ver=0930e041f64667e446db:40091:7 withBlockRenameControl</<@https://agility-20.local/wp-includes/js/dist/block-editor.js?ver=0930e041f64667e446db:40119:7 withMultipleValidation</<@https://agility-20.local/wp-includes/js/dist/edit-post.js?ver=57aa460a64bb0e4ae963:342:18 withDispatch/</<@https://agility-20.local/wp-includes/js/dist/data.js?ver=2b5bb06caaeb5048ed96:4436:46 withSelect/</<@https://agility-20.local/wp-includes/js/dist/data.js?ver=2b5bb06caaeb5048ed96:4286:31 @https://agility-20.local/wp-includes/js/dist/compose.js?ver=228e7d7fccaae67c220c:3274:10 FilteredComponentRenderer@https://agility-20.local/wp-includes/js/dist/components.js?ver=9a812780592a1d78379b:75975:9 EditWithGeneratedProps@https://agility-20.local/wp-includes/js/dist/block-editor.js?ver=0930e041f64667e446db:16551:7 BlockEdit@https://agility-20.local/wp-includes/js/dist/block-editor.js?ver=0930e041f64667e446db:16609:7 BlockCrashBoundary@https://agility-20.local/wp-includes/js/dist/block-editor.js?ver=0930e041f64667e446db:16932:5 BlockListBlock@https://agility-20.local/wp-includes/js/dist/block-editor.js?ver=0930e041f64667e446db:18189:24 withDataAlign</<@https://agility-20.local/wp-includes/js/dist/block-editor.js?ver=0930e041f64667e446db:15701:7 withBorderColorPaletteStyles</<@https://agility-20.local/wp-includes/js/dist/block-editor.js?ver=0930e041f64667e446db:32184:7 withColorPaletteStyles</<@https://agility-20.local/wp-includes/js/dist/block-editor.js?ver=0930e041f64667e446db:33393:7 withFontSizeInlineStyles</<@https://agility-20.local/wp-includes/js/dist/block-editor.js?ver=0930e041f64667e446db:34958:43 withElementsStyles</<@https://agility-20.local/wp-includes/js/dist/block-editor.js?ver=0930e041f64667e446db:37068:112 withDuotoneStyles</<@https://agility-20.local/wp-includes/js/dist/block-editor.js?ver=0930e041f64667e446db:37911:67 withPositionStyles</<@https://agility-20.local/wp-includes/js/dist/block-editor.js?ver=0930e041f64667e446db:38391:7 withLayoutStyles</<@https://agility-20.local/wp-includes/js/dist/block-editor.js?ver=0930e041f64667e446db:38707:7 withChildLayoutStyles</<@https://agility-20.local/wp-includes/js/dist/block-editor.js?ver=0930e041f64667e446db:38780:7 withSelect/</<@https://agility-20.local/wp-includes/js/dist/data.js?ver=2b5bb06caaeb5048ed96:4286:31 @https://agility-20.local/wp-includes/js/dist/compose.js?ver=228e7d7fccaae67c220c:3274:10 WrappedBlockEdit@https://agility-20.local/wp-content/plugins/advanced-custom-fields-pro/assets/build/js/pro/acf-pro-blocks.js?ver=6.2.5:663:7 FilteredComponentRenderer@https://agility-20.local/wp-includes/js/dist/components.js?ver=9a812780592a1d78379b:75975:9 ifCondition/</<@https://agility-20.local/wp-includes/js/dist/compose.js?ver=228e7d7fccaae67c220c:3232:10 withDispatch/</<@https://agility-20.local/wp-includes/js/dist/data.js?ver=2b5bb06caaeb5048ed96:4436:46 withSelect/</<@https://agility-20.local/wp-includes/js/dist/data.js?ver=2b5bb06caaeb5048ed96:4286:31 @https://agility-20.local/wp-includes/js/dist/compose.js?ver=228e7d7fccaae67c220c:3268:12 Items@https://agility-20.local/wp-includes/js/dist/block-editor.js?ver=0930e041f64667e446db:28528:15 BlockListItems div Root@https://agility-20.local/wp-includes/js/dist/block-editor.js?ver=0930e041f64667e446db:28446:14 BlockList RecursionProvider@https://agility-20.local/wp-includes/js/dist/block-editor.js?ver=0930e041f64667e446db:56319:27 div WritingFlow@https://agility-20.local/wp-includes/js/dist/block-editor.js?ver=0930e041f64667e446db:20398:21 ExperimentalBlockCanvas@https://agility-20.local/wp-includes/js/dist/block-editor.js?ver=0930e041f64667e446db:41820:33 div MotionComponent@https://agility-20.local/wp-includes/js/dist/components.js?ver=9a812780592a1d78379b:18531:46 div MotionComponent@https://agility-20.local/wp-includes/js/dist/components.js?ver=9a812780592a1d78379b:18531:46 div BlockTools@https://agility-20.local/wp-includes/js/dist/block-editor.js?ver=0930e041f64667e446db:55869:20 VisualEditor@https://agility-20.local/wp-includes/js/dist/edit-post.js?ver=57aa460a64bb0e4ae963:3928:22 div NavigableRegion@https://agility-20.local/wp-includes/js/dist/edit-post.js?ver=57aa460a64bb0e4ae963:1390:25 div div div InterfaceSkeleton@https://agility-20.local/wp-includes/js/dist/edit-post.js?ver=57aa460a64bb0e4ae963:1456:27 Layout@https://agility-20.local/wp-includes/js/dist/edit-post.js?ver=57aa460a64bb0e4ae963:8679:63 ErrorBoundary@https://agility-20.local/wp-includes/js/dist/editor.js?ver=09660a848fa8379476ab:5911:5 BlockRefsProvider@https://agility-20.local/wp-includes/js/dist/block-editor.js?ver=0930e041f64667e446db:17775:27 Provider@https://agility-20.local/wp-includes/js/dist/components.js?ver=9a812780592a1d78379b:36532:18 ExperimentalBlockEditorProvider<@https://agility-20.local/wp-includes/js/dist/block-editor.js?ver=0930e041f64667e446db:19225:7 withRegistryProvider</<@https://agility-20.local/wp-includes/js/dist/block-editor.js?ver=0930e041f64667e446db:18774:60 WithRegistryProvider(Component) BlockContextProvider@https://agility-20.local/wp-includes/js/dist/block-editor.js?ver=0930e041f64667e446db:16485:30 EntityProvider@https://agility-20.local/wp-includes/js/dist/core-data.js?ver=77370c9a15a7db2ae084:6358:24 EntityProvider@https://agility-20.local/wp-includes/js/dist/core-data.js?ver=77370c9a15a7db2ae084:6358:24 ExperimentalEditorProvider<@https://agility-20.local/wp-includes/js/dist/editor.js?ver=09660a848fa8379476ab:12495:59 withRegistryProvider</<@https://agility-20.local/wp-includes/js/dist/editor.js?ver=09660a848fa8379476ab:12084:7 WithRegistryProvider(Component) SlotFillProvider@https://agility-20.local/wp-includes/js/dist/components.js?ver=9a812780592a1d78379b:36375:26 provider_SlotFillProvider@https://agility-20.local/wp-includes/js/dist/components.js?ver=9a812780592a1d78379b:36398:5 Provider@https://agility-20.local/wp-includes/js/dist/components.js?ver=9a812780592a1d78379b:36532:18 Editor@https://agility-20.local/wp-includes/js/dist/edit-post.js?ver=57aa460a64bb0e4ae963:9252:16 React will try to recreate this component tree from scratch using the error boundary you provided, BlockCrashBoundary.

    To answer your last question, I did try creating a brand new field group with only the custom post type I want to foreach over and ran into the same thing. I even tried recreating the post type and still had the same issue. I will try to see if I can reduce it down like you suggested and see if can get something extremely basic working.

Viewing 8 replies - 1 through 8 (of 8 total)