Fluentui: Divider custom example does not load in AMD

Created on 28 Jul 2018  路  7Comments  路  Source: microsoft/fluentui

Bug Report

  • __Package version(s)__: 6.41.0
  • __Browser and OS versions__:

Priorities and help requested:

Are you willing to submit a PR to fix? (Yes, No) No

Requested priority: (Blocking, High, Normal, Low) Normal

Products/sites affected: (if applicable)

Describe the issue:

The Divider custom example does not load when loaded as an AMD module with require.js.

The Divider import in VerticalDivider.Custom.Example should be:
import { VerticalDivider, IVerticalDividerClassNames } from 'office-ui-fabric-react/lib/Divider';

Actual behavior:

Uncaught JavaScript error thrown by require.js:

  • Uncaught Error: Script error for "office-ui-fabric-react/lib/components/Divider", needed by: office-ui-fabric-react/lib/components/Divider/examples/VerticalDivider.Custom.Example

Expected behavior:

The example should load and render correctly.

If applicable, please provide a repro:

````html












All 7 comments

There is a similar issue with the DetailsList import in DetailsList.Shimmer.Example. It should be:
import { DetailsListLayoutMode, IColumn } from 'office-ui-fabric-react/lib/DetailsList';

@JasonGore I could take a closer look but is this and this class of issues fixed with your checkin?

Hmm it is still broken in master :\

Co-assigning to @JasonGore because he has done a deep investigation of this today. Jason, please feel free to let us know if you will not have cycles to look into it.

This is a separate class of issue (or feature.) I only addressed import statement regex matching issues. It looks like the script is currently written to only check relative paths, not absolute paths like package imports, so it doesn't find this class of issue.

I will take this bug off @natalieethell.

@joechung-msft fixed in #5790. Thanks for reporting.

Was this page helpful?
0 / 5 - 0 ratings