ERROR in src/router/index.ts:1:68 TS7016: Could not find a declaration file for module 'vue-router'.

[dethpeckduck]

Sorry, I'm new to TS, and vue.js. I created a project using vue-cli (version 5.0.9) but I got this error when I try "npm run serve":

Running npm run serve

> [email protected] serve
> vue-cli-service serve

 INFO  Starting development server...

 DONE  Compiled successfully in 2117ms                                                                                           10:45:21 PM
  App running at:
  - Local:   http://localhost:8080/ 
  - Network: http://192.168.0.217:8080/

  Note that the development build is not optimized.
  To create a production build, run npm run build.

ERROR in src/router/index.ts:1:68
TS7016: Could not find a declaration file for module 'vue-router'. '/home/dpd/code/src/github.com/dethpeckduck/xyz-go-grpc-vue/front-vue/node_modules/vue-router/index.js' implicitly has an 'any' type.
  Try `npm i --save-dev @types/vue-router` if it exists or add a new declaration (.d.ts) file containing `declare module 'vue-router';`
  > 1 | import { createRouter, createWebHashHistory, RouteRecordRaw } from 'vue-router'
      |                                                                    ^^^^^^^^^^^^
    2 | import HomeView from '../views/HomeView.vue'
    3 |
    4 | const routes: Array<RouteRecordRaw> = [

Not sure if it's helpful, but here is my package.json:

{
  "name": "front-vue",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "test:unit": "vue-cli-service test:unit"
  },
  "dependencies": {
    "vue": "^3.2.13",
    "vue-router": "^4.0.3",
    "vuex": "^4.0.0"
  },
  "devDependencies": {
    "@types/chai": "^4.2.15",
    "@types/mocha": "^8.2.1",
    "@vue/cli-plugin-router": "~5.0.0",
    "@vue/cli-plugin-typescript": "~5.0.0",
    "@vue/cli-plugin-unit-mocha": "~5.0.0",
    "@vue/cli-plugin-vuex": "~5.0.0",
    "@vue/cli-service": "~5.0.0",
    "@vue/test-utils": "^2.0.0-0",
    "chai": "^4.2.0",
    "sass": "^1.32.7",
    "sass-loader": "^12.0.0",
    "typescript": "~4.5.5"
  }
}

How do I fix this error?

Update: I did a short search on another way to create a vue project, and I came upon that maybe the way I used, vue-cli is not as good as create-vue: https://github.com/vuejs/create-vue?tab=readme-ov-file

I'll keep this discussion up in case anyone might benefit from it, or close it if not. But I think I'll try the Vite way (create-vue) since that readme has convinced me it's better than vue-cli create.

[dethpeckduck]

I'm closing this question because the Vue community has replaced Vue CLI, making Vite the default builder tool for creating Vue projects. I followed the quick start instructions at https://vuejs.org/guide/quick-start.html and there have been no errors.

Thank you to the Vue community for excellent documentation!