errors using webpack 2

[Friksel]

It seems like this dat.gui package is not supported by webpack 2:

for example
import saveDialogueContents from 'html!./saveDialogue.html'; --> html loader not being recognized
!style!css!sass!./NumberControllerSlider.scss --> style/css/sass loaders are not being recognised

[aethr]

I'm having the same issue.

Installed via npm: npm install --save dat.gui
Then included in a Vue component: import dat from 'dat.gui';

Webpack build now produces the following error:

These dependencies were not found:

* !style!css!sass!./NumberControllerSlider.scss in ./~/dat.gui/src/dat/controllers/NumberControllerSlider.js
* !style!css!sass!./style.scss in ./~/dat.gui/src/dat/gui/GUI.js
* html!./saveDialogue.html in ./~/dat.gui/src/dat/gui/GUI.js

I was able to get my build working by hand editing node_modules/dat.gui/index.js and changing it to:

module.exports = require('./build/dat.gui');

[aethr]

I guess the other option is to change the main entry in package.json to:

"main": "build/dat.gui.js",

[a-rts]

Same issue for me, @aethr package.json change makes it work.

[drupol]

Updating the ./node_modules/dat.gui/package.json file did the trick too.
For me this solution is a pseudo-working solution and not a real solution at long terms.

Is there any alternative to not alter the source and get this working properly ?

Thanks.

[chasevida]

Stumbled on this thread while trying to solve what I assume is a similar issue. This worked for me and meant I didn't have to change anything in the node_modules folder.

import dat from 'dat.gui/build/dat.gui.js'
// or
import { GUI } from 'dat.gui/build/dat.gui.js'

[drupol]

Indeed, thanks !!!!

[matt-erhart]

btw, in typescript it's

import * as dat from 'dat.gui/build/dat.gui.js'

[donmccurdy]

I believe this should be fixed on the 0.7.0 release, meanwhile you can try:

npm i --save dat.gui@next

import dat from 'dat.gui';
const gui = new dat.GUI();

[donmccurdy]

The 0.7.0 release is now live, tested with Webpack, Browserify and Rollup. Please let us know if you have any further issues. :)

[eknowles]

thanks @donmccurdy 👍 looks like types need updating also https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/dat.gui/index.d.ts

[donmccurdy]

The TS file is maintained externally, not sure if there's a way to autogenerate that from JSDoc or something. Anyone is welcome to submit PRs there though. :)

[SirVer]

Is somebody successfully using dat.gui with typescript + webpack right now? I seem to not find a configuration between dat.gui and @types/dat.gui that passes the typescript compiler and bundling:

• All dat.gui 0.6 version fail with this bug (errors using webpack 2 #142), but the typescript compiler is happy.
• Switching to dat.gui 0.7 fails the typescript compiler since the typings are not up to date.

Is there a combination that currently works?

[Friksel]

Thanks @donmccurdy . I switched to another lib at the time, because I also needed touch support which wasn't working in dat.gui at the time. Does 0.7.x support touch? Thanks