arielsalminen / vue-design-system

An open source tool for building UI Design Systems with Vue.js
https://vueds.com
MIT License
2.17k stars 224 forks source link

Failed to compile styleguide on 3.0.0 #87

Closed Sumolari closed 6 years ago

Sumolari commented 6 years ago

Just tried to run version 3.0.0: I cloned the repo, checked out 3.0.0 tag and run yarn install and yarn start.

The main page (localhost:8080) works fine, however the styleguide (localhost:6060) can't be built:

FAIL  Failed to compile

./src/elements/SvgIcon.vue?vue&type=script&lang=js)
Module not found: Can't resolve '@/assets/icons/' in 'PATH_TO_CLONE/src/elements'
./docs/components/status/Components.vue?vue&type=script&lang=js)
Module not found: Can't resolve '@/assets/tokens/tokens.raw.json' in 'PATH_TO_CLONE/docs/components/status'
./docs/components/tokens/Color.vue?vue&type=script&lang=js)
Module not found: Can't resolve '@/assets/tokens/tokens.raw.json' in 'PATH_TO_CLONE/docs/components/tokens'
./docs/components/tokens/FontSize.vue?vue&type=script&lang=js)
Module not found: Can't resolve '@/assets/tokens/tokens.raw.json' in 'PATH_TO_CLONE/docs/components/tokens'
./docs/components/tokens/Spacing.vue?vue&type=script&lang=js)
Module not found: Can't resolve '@/assets/tokens/tokens.raw.json' in 'PATH_TO_CLONE/docs/components/tokens'
./docs/components/tokens/All.vue?vue&type=script&lang=js)
Module not found: Can't resolve '@/assets/tokens/tokens.raw.json' in 'PATH_TO_CLONE/docs/components/tokens'
./docs/components/status/Components.vue?vue&type=script&lang=js)
Module not found: Can't resolve '@/elements/' in 'PATH_TO_CLONE/docs/components/status'
./docs/components/status/Components.vue?vue&type=script&lang=js)
Module not found: Can't resolve '@/patterns/' in 'PATH_TO_CLONE/docs/components/status'
./docs/components/status/Components.vue?vue&type=script&lang=js)
Module not found: Can't resolve '@/templates/' in 'PATH_TO_CLONE/docs/components/status'

Checked out tag 2.1.4 and it worked fine.

I'm running Node 8.9.1 on macOS 10.13.4 with Yarn 1.7.0.

arielsalminen commented 6 years ago

@Sumolari Please follow the instructions in Getting Started. You need to use npm install & npm start for things to work.

Sumolari commented 6 years ago

Looks like yarn install is the culprit

Given that version 2.1.4 worked with yarn there must be some issue introduced lately either in this package or in one of the dependencies that changed from 2.1.4 to 3.0.0.

phaust commented 6 years ago

I had the exact same problem a few days ago. Now that I know that yarn install is the problem, I will use npm for the installation, thanks @Sumolari for figuring that out.

Nevertheless, it would be nice if vueds would work with yarn install too.

arielsalminen commented 6 years ago

@Sumolari @phaust This should be fixed with 3.0.1 release. It was caused by one of the NPM dependencies in the project.