New preact project fails at dom render

[quentin-sommer]

This issue is a:

• Bug report
• Feature request
• Question / support request
• Other

nwb is installed globally

node : 7.4.0
npm : 4.1.1
nwb: 0.15.2

node_molues --depth=0
├──[email protected]
├── [email protected]
└── [email protected]

When creating a react project nwb new react-app then installing then npm run start everything works fine. However with nwb new preact-app then installing then npm run start i get this error:

file : preact.js:143
Uncaught DOMException: Failed to execute 'createElement' on 'Document': The tag name provided ('[object Object]') is not a valid name.
    at createNode (http://localhost:3000/app.js:2680:171)
    at idiff (http://localhost:3000/app.js:2720:25)
    at diff (http://localhost:3000/app.js:2696:19)
    at render (http://localhost:3000/app.js:2948:16)
    at init (http://localhost:3000/app.js:4833:79)
    at Object../src/index.js (http://localhost:3000/app.js:4836:1)
    at __webpack_require__ (http://localhost:3000/app.js:660:30)
    at fn (http://localhost:3000/app.js:84:20)
    at Object.0 (http://localhost:3000/app.js:4868:18)
    at __webpack_require__ (http://localhost:3000/app.js:660:30)

[insin]

Looks like this is because we can no longer provide CommonJS interop when using ES modules in Webpack 2.

This change in index.js should fix it, will update the app skeleton template with it now:

 function init() {
-  let App = require('./App')
+  let App = require('./App').default
   root = render(<App/>, document.querySelector('#app'), root)
 }

[quentin-sommer]

Perfect :)

[insin]

Fixed in v0.15.3 - thanks for the bug report!