Pattern Lab Reports Missing Patterns in Console

[NickToye]

I am using Pattern Lab Node v2.6.2 on Windows | Mac | Linux, with Node v7.4.0, using the Gulp Edition.

Expected Behavior

Although on the frontend there is no issues, I am getting this message in my gulp output:

Could not find pattern referenced with partial syntax molecules-cta. This can occur when a pattern was renamed, moved, or no longer exists but it still called within a different template somewhere.

Now I call molecules-cta in this file source/_patterns/molecules/00-banners/banner.mustache

<div class="c-banner__wrapper">

  {{# text }}

    <div class="c-banner__text">

      <div class="c-banner__text--inner">

        // content

        <div class="o-actions">
        
          <div class="o-actions__inner">
            {{# cta }}
              {{> molecules-cta }}
            {{/ cta }}
          </div>

        </div>

      </div>

    </div>

  {{/ text }}

</div>

I have a similar call in another file source/_patterns/molecules/00-banners/banner-image.mustache

When I remove this from the 1st file:

{{# cta }} {{> molecules-cta }} {{/ cta }}

I no longer see an error looking for that file, so I copied the code exactly from the banner-image.mustache file into the banner.mustache file, but it made no difference, I got the error again.

This has stumped me. Let me know if anymore information is required.

[bmuenzenmeyer]

Thanks for the report @NickToye

Can you also please provide the code for molecules-cta and banner.json, if it exists.

[NickToye]

molecules-cta

{{> atoms-button:c-btn--ghost(button: "Call to action") }}

banner.json

{ "cta": true }

[bmuenzenmeyer]

and for completion's sake, atoms-button

helps complete the complete render tree.

I take it text is then defined globally?

[NickToye]

<button class="c-btn {{ styleModifier }}">{{# transactional }}<i class="fa fa-fw fa-payment-basket"></i>{{/ transactional }}{{ button }}</button>

I did have text as an option in the banner.json, thought that may have been the issue, but it wasn;t as I took it out.

[tburny]

I can confirm the problem of "there is a warning although the pattern exists" with my company's patternlab, too.

[tburny]

@NickToye I took the time to do some research on the topic. The warning is emitted whenever there is a data link to a pattern that does not exist anymore. Such links can be defined in either the pattern JSON or globally in the _data folder (_data/data.json).

I took your example and could not reproduce your problem with the following files:

source/_data/data.json

{"text": "Lorem ipsum"}

source/_data/listitems.json and source/_annotations/annotations.js and

{}

source/_patterns/atoms/00-basic/button.mustache

<button class="c-btn {{ styleModifier }}">{{# transactional }}<i class="fa fa-fw fa-payment-basket"></i>{{/ transactional }}{{ button }}</button>

source/_patterns/molecules/00-banners/banner.json

{ "cta": true }

/home/tobi/workspace/pl-minimal/source/_patterns/molecules/00-banners/banner.mustache

<div class="c-banner__wrapper">
  {{# text }}
    <div class="c-banner__text">
      <div class="c-banner__text--inner">
        // content
        <div class="o-actions">       
          <div class="o-actions__inner">
            {{# cta }}
              {{> molecules-cta }}
            {{/ cta }}
          </div>
        </div>
      </div>
    </div>
  {{/ text }}
</div>

source/_patterns/molecules/00-banners/cta.mustache

{{> atoms-button:c-btn--ghost(button: "Call to action") }}

Trigger the warning

Change _data/data.json to

{"text": "Lorem ipsum",
  "anyVariable": "link.does-not-exist"
}

and you will see the warning. The feature is documented here: http://patternlab.io/docs/data-link-variable.html

If you have any questions left, just let us know :) Can the issue be closed?

[bmuenzenmeyer]

@tburny thanks for the attempt at issue reproduction - I have no doubt that pointing people in the direction of their data is helpful, and the warning should probably say as such.

To fill you in, I've been chatting with @NickToye on gitter and he asserted that no such data links exist - therefore I asked him to create this issue.

That you cannot recreate the problem with the sample patterns supplied means something else is going on.

[NickToye]

I don't know what else to do here. I'd be happy to privately share my repo so can verify I've not missed anything.

[bmuenzenmeyer]

@NickToye that'd be helpful at this point, if you are comfortable

[NickToye]

https://github.com/NickToye/pl-private

[NickToye]

I\ve added you Brian and tburny too.

[tburny]

Thanks