Fluentui: Warnings when doing webpack

[LeopoldLerch]

just updated to 4.37.5 and the warnings are still there when doing webpack:

WARNING in ./node_modules/@uifabric/utilities/lib/string.js
(Emitted value instead of an instance of Error) Cannot find SourceMap '../src/string.js.map': Error: Can't resolve '../src/string.js.map' in 'C:\P
rojekte\DAP\DAP\Webkomponenten\node_modules\@uifabric\utilities\lib'
 @ ./node_modules/@uifabric/utilities/lib/index.js 31:21-40
 @ ./node_modules/office-ui-fabric-react/lib/Utilities.js
 @ ./Banner/Banner.tsx
 @ ./BodyStartSeite/BodyStartSeite.tsx
 @ multi ./BodyStartSeite/BodyStartSeite

WARNING in ./node_modules/@uifabric/utilities/lib/warn.js
(Emitted value instead of an instance of Error) Cannot find SourceMap '../src/warn.js.map': Error: Can't resolve '../src/warn.js.map' in 'C:\Proje
kte\DAP\DAP\Webkomponenten\node_modules\@uifabric\utilities\lib'
 @ ./node_modules/@uifabric/utilities/lib/index.js 32:21-38
 @ ./node_modules/office-ui-fabric-react/lib/Utilities.js
 @ ./Banner/Banner.tsx
 @ ./BodyStartSeite/BodyStartSeite.tsx
 @ multi ./BodyStartSeite/BodyStartSeite

(that´s just a example part of it, there are much more like that)

same issue that should have been solved in issue 2610

[dzearing]

This was an error in @uifabric/utilities 4.10.1, which was fixed in 4.10.2.

Can you look at what version you have installed?

[dzearing]

Specifically, the sourcemaps in utilities 4.10.1 were missing sourcesContent property:
https://unpkg.com/@uifabric/utilities@4.10.1/lib/index.js.map

And you can see here in 4.10.2, it's back:
https://unpkg.com/@uifabric/utilities@4.10.2/lib/index.js.map

[LeopoldLerch]

I have utilities version 4.10.2 and the error is still there. I looked into it and the map files are located in the lib folder.
However, the error mentions, that it is looking for them in a"src"-folder, which is not there.

[OneCyrus]

same problem here

[dzearing]

I just did these steps:

create-react-app my-app --scripts-version=react-scripts-ts
cd my-app
yarn add office-ui-fabric-react

Then, in App.tsx, I imported the fabric button and rendered.

import * as React from 'react';
import './App.css';
import { Fabric } from 'office-ui-fabric-react/lib/Fabric';
import { PrimaryButton } from 'office-ui-fabric-react/lib/Button';

class App extends React.Component {
  render() {
    return (
      <Fabric className="App">
        <PrimaryButton text="I am a button" />
      </Fabric>
    );
  }
}

export default App;

This generates no errors and renders correctly. So @OneCyrus or @LeopoldLerch , could you provide a sample project which generates the error? It is likely that there is some sort of package.json issue here where perhaps there is a nested dependency.

[dzearing]

Also it could be how your source-map setup in webpack.config.js is. If you could provide that in a gist or something that could help. Thanks for reporting and your patience, we'll get to the bottom of this if we can get the repro :)

[dzearing]

I got a repro and am trying a fix.

[dzearing]

We should be good now. I just worked with a partner to validate that the sourcemaps work as before in these versions:

| package | version |
|-|-|
| office-ui-fabric-react | 4.37.7 |
| @uifabric/styling | 0.21.1 |
| @uifabric/utilities | 4.11.1 |

[OneCyrus]

looks good. it works again here.

thanks!

[LeopoldLerch]

works here again too

2017-08-30 8:28 GMT+02:00 Daniel Gut [e-mail]:

looks good. it works again here.

thanks!

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
https://github.com/OfficeDev/office-ui-fabric-react/issues/2644#issuecomment-325894915,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AbjL5359a-ruWrBh5AiBwl1p5WT4a9Jrks5sdQEEgaJpZM4PEHEx
.

[dzearing]

Thanks guys!