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 next cli guidance

See original GitHub issue

I just wanted to open this up more for guidance on trying the vue next cli if someone can help me.

Steps

doing the following:

~ vue create vue3

# select only typescript, router (no history mode) and linting + prettier (no class type)

~ cd vue3
~ vue add vue-next
~ npm run serve

That gives issues with router:

"vue3/node_modules/vue-router/dist/vue-router"' has no exported member 'RouteConfig'.
  > 1 | import { RouteConfig, createRouter, createWebHashHistory } from "vue-router";"

and shims:

vue3/src/shims-tsx.d.ts(8,40):
8:40 Cannot use namespace 'Vue' as a type.
     6 |         interface Element extends VNode { }
     7 |         // tslint:disable no-empty-interface
  >  8 |         interface ElementClass extends Vue { }
       |                                        ^

Questions

  • Does this currently support typescript?
  • If so what changed need to be made to get it up an running?

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:3
  • Comments:13 (1 by maintainers)

github_iconTop GitHub Comments

3reactions
Pavel-Soncommented, Jun 17, 2020

@tdowdle

  1. Replace RouteRecord with RouteRecordRaw
  2. I believe that you can get rid of this file src/shims-tsx.d.ts
  3. You need to import like this import { createStore } from "vuex"

I don’t have any ideas how to fix this propsData issue. Please help 😄

2reactions
josh-hemphillcommented, May 29, 2020

I got the unit testing and Vue Router working, it’s just that the APIs have changed slightly. I opened #32 for changing the default router imports, and then I need to figure out what exactly changed with the test-utils API for the default jest test.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Overview | Vue CLI
We will walk through what it can do in the next few sections of the guide. CLI Service #. The CLI Service (...
Read more >
Vue CLI: Home
The plugin system allows the community to build and share reusable solutions to common needs. No Need to Eject. Vue CLI is fully...
Read more >
CLI Service - Vue CLI
For new projects, it is now recommended to use create-vue to scaffold Vite-based projects. Also refer to the Vue 3 Tooling Guide for...
Read more >
Installation | Vue CLI
For new projects, it is now recommended to use create-vue to scaffold Vite-based projects. Also refer to the Vue 3 Tooling Guide for...
Read more >
Migrate from v4 - Vue CLI
For new projects, it is now recommended to use create-vue to scaffold Vite-based projects. Also refer to the Vue 3 Tooling Guide for...
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