Failed to compile: unable to load front end

[arquimed]

Hi all!

I am working on ubuntu 16.04 LTS, with Nodejs v.10.9.0 installed. I have followed all the steps on the tutorial correctly and deployed a test dapp:

1) npm i -g @aragon/cli 2) aragon init [name of dapp].aragonpm.eth react 3) npm i parcel-bundler -D 4) npm run build 5) npm run

The process runs smoothly and a new tab is opened on Firefox at http://localhost:3000/#/0xcb665437f03f2845D029619D539BEf9B4FDeFBA6.

However, I get the following screen:

"This error occurred during the build time and cannot be dismissed."

The error message from the console is: Warning: The "extend" API will be removed in the upcoming v4.0 release. Use styled(StyledComponent) instead. You can find more information here: https://github.com/styled-components/styled-components/issues/1546 styled-components.browser.esm.js:1696 [Show/hide message details.] Error: Cannot find module "@babel/runtime/helpers/esm/extends" web.js:1 ./node_modules/react-spring/dist/web.js Module not found: Can't resolve '@babel/runtime/helpers/esm/extends' in '/home/democritus/.aragon/wrapper-e60e74107c1d63a34010869159d945f919443851/node_modules/react-spring/dist' index.js:2284 ./node_modules/react-spring/dist/web.js Module not found: Can't resolve '@babel/runtime/helpers/esm/inheritsLoose' in '/home/democritus/.aragon/wrapper-e60e74107c1d63a34010869159d945f919443851/node_modules/react-spring/dist' index.js:2284 ./node_modules/react-spring/dist/web.js Module not found: Can't resolve '@babel/runtime/helpers/esm/objectWithoutPropertiesLoose' in '/home/democritus/.aragon/wrapper-e60e74107c1d63a34010869159d945f919443851/node_modules/react-spring/dist'

I've been stuck at this point for a while, any help would be greatly appreciated. This problem persists even if I install bare template. Thanks in advanced!

[sohkai]

@arquimed Ahh, seems like this is a problem with aragon/aragon.

Do you mind cloning that repo and trying to spin it up (npm install and npm start)?

It might be we need to bump it in aragon-cli.

[arquimed]

Hi there @sohkai !

After opening a new dir and doing the following steps:

• git clone https://github.com/aragon/aragon

• npm install

• npm start

I get the same error on compilation:

I wonder whether it is the first time you get to know this issue? Should I reinstall npm or use a different version? Or yarn?

Sorry to bother!

[izqui]

@arquimed thanks for bringing it up. It seems like a dependency of aragon/aragon has been updated and doing a fresh dependency install is failing.

We just published a new version with fix, you can try updating doing npm update -g @aragon/cli. Please let us know if it works for you!

[arquimed]

Hi there @izqui !

I erased the project folder and proceeded to re-do the steps shown in my previous message (cloning aragon-aragon repo, etc), but I do still get the same error message.

Would you be so kind to describe step by step the steps I should do in order to be sure that I am following the right instructions? Considering starting from scratch. I've been trying to follow the instructions of your tutorial so far, but without success.

Thanks!

[izqui]

Did you update to update the CLI to v4.1.6? You can check your version doing aragon --version.

If you are still in the previous version, you can update by doing:

npm install -g @aragon/cli

There is actually no need for you to clone the aragon/aragon repo, just need to update to the latest version of the CLI.

[arquimed]

Yep, I double checked. I'm already on v4.1.6.

Could this be a problem of my Nodejs version? I'm running on v10.9.0.

[izqui]

Oh I think you may be trying to be starting aragon/aragon rather than your app using the CLI. Go to your Aragon app directory and do aragon run.

[arquimed]

Awesome!! After creating a totally new project and following the steps as described in tutorial I have been able to set my first test DAO using Aragon-cli.

Feels AMAZING xD

Thanks for the help!

[izqui]

Glad to hear it is solved :)