question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

vue-cli webpack doesn't run

See original GitHub issue

I’m not sure if this is the right place to put this, but there is no issue tracking in the webpack repo.

The main.styl file isn’t included. Vuetify and stylus-loader are not included as dependencies in the boilerplate webpack template.

Steps to reproduce

$ vue init vuetifyjs/webpack test
$ cd test
$ npm install
$ npm run dev

Versions

node: 6.10.3 npm: 4.3.0 vue-cli: 2.8.2 vue: 2.3.3 os: xubuntu 16.04 (64-bit) browser: Firefox 53.0.2 (64-bit) vuetify: ??

What is expected ?

It is expected that the code is built and opened in the browser.

What is actually happening ?

Vuetify and stylus-loader are not added as dependencies.

ERROR in ./src/main.js
Module not found: Error: Can't resolve 'vuetify' in '/home/foo/test/src'
 @ ./src/main.js 3:0-30
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

ERROR in ./src/App.vue
Module not found: Error: Can't resolve 'stylus-loader' in '/home/foo/test/src'
 @ ./src/App.vue 3:0-258
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

Once all of the dependencies are added in, it still doesn’t run (unknown custom component ‘v-navigation-drawer’, ‘router-link’, etc.).

I think that’s as far down the rabbit hole as I’m going tonight. 😃

Reproduction Link

N/A

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:9 (5 by maintainers)

github_iconTop GitHub Comments

3reactions
mfferreiracommented, May 22, 2017

@smorales Yes, the docs were also updated. You can check all breaking changes here: https://github.com/vuetifyjs/vuetify/releases/tag/v0.12.0

0reactions
ghostcommented, May 22, 2017

Sorry, will do right away.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Troubleshooting - Vue CLI
This document covers some common Vue CLI issues and how to resolve them. You should always follow these steps before opening a new...
Read more >
Vue CLI 'webpack' template doesn't work out of the box #2359
The http://localhost:8080 browser viewport is blank and the console has an error: [Vue warn]: You are using the runtime-only build of Vue where ......
Read more >
Webpack with Vue CLI doesn't work after dependency update
[webpack-cli] Invalid configuration object. Webpack has been initialized using a configuration object that does not match the API schema.
Read more >
How to setup Vue.js and webpack
Back to command line and type yarn dev . Plase open http://localhost:8080 and chrome dev tools. If you can see “Hello world”, good...
Read more >
Serving the the full-stack app in development
This command calls the Vue CLI 3 service binary, which boots a pre-configured Webpack dev server that serves our client app. But in...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found