Not so 'Zero Configuration'

Hey, I’m having a lot of problems here with docz. Just to clarify:

• yarn --version 1.3.2
• node --version v9.11.1 (but tried with v10.0.0 too)
• MacOS

My project use React + Webpack and it is a simple project with two components (one is the main component). I ran yarn add docz --dev and installed the dependencies. Then I created a file on the project like the documentation says anywhere in the project and when I tried to run the yarn docz dev, this is the output:

 ERROR  Failed to compile with 2 errors                                                                                                                                                                                               20:23:09

These dependencies were not found:

* docz-theme-default in ./.docz/app/root.jsx
* webpack-hot-client/client?e355a93e-1b0c-4aa5-a751-e8c3c0b5968b in multi webpack-hot-client/client?e355a93e-1b0c-4aa5-a751-e8c3c0b5968b ./node_modules/docz-core/node_modules/babel-polyfill/lib/index.js ./.docz/app/index.jsx

To install them, you can run: npm install --save docz-theme-default webpack-hot-client/client?e355a93e-1b0c-4aa5-a751-e8c3c0b5968b

This seems the first problem: Not install all the dependencies when the docz is installed. I suggest installing the default theme with docz and correct the missing dependency if it’s possible.

Then, I’ve installed the dependencies and all seems ok but when I opened my browser even with the .mdx simple file from the documentation I don’t see anything, just a blank page. This is the file I wrote:

---
name: Hello world
---

# Hello world

I'm a markdown document that can have components!

I’ve placed the file on all the directories on my project and I still see a blank page. Then I thought: ‘Oh, maybe I need to place my component on the file’ and imported the Component. Then I got another error with problems when my component import css from my style.css file.

Any help?

[Pabloicaza]

@caian-gums that solved the problem!! Thanks for the time!

[caiangums]

@ghostCoder no, I could not make the project works on my repo and I’m not with so much personal time to manage this. As Babel 7 was released, I encourage you to increase your Babel version to 7 like @pedronauck said.

@Pabloicaza try to delete your node_modules/ directory and install again. Your Babel version probably is not the new one(you didn’t run npm update).