无法在 Vue.js 应用程序的 main.ts 中导入打字稿模块

Question

我正在使用 typescript 构建一个简单的 vue.js 应用程序，我正在尝试进行一些路由并将路由文件带到 main.ts 但是当我运行该应用程序时，我收到以下错误：

These relative modules were not found:

* ./plugins/vuetify in ./src/main.ts
* ./router/routerIndex in ./src/main.ts
* ./store/index in ./src/main.ts

---

ma​​in.ts 在src/main.ts

indexRouter.ts 在src/router/indexRoute.ts

ma​​in.ts

import Vue from 'vue';
import vuetify from "./plugins/vuetify";
import App from "./App.vue"
import store from "./store/index";
import VueRouter from 'vue-router'
import router from "./router/routerIndex"


Vue.config.productionTip = false

Vue.use(VueRouter);

new Vue({
  store,
  vuetify,
  render: h => h(App),
  router
}).$mount("#app");

routerIndex.ts

import Vue from "vue";
import Router from　"vue-router";
import Home from "../components/pages/Home.vue";


Vue.use(Router);

const routes = [
    {
        name: "home",
        path: "/",
        component: Home
    }
]

const router = new Router({ mode: "history", routes });

export default router;

tsconfig.json

{
  "compilerOptions": {
  "target": "ES2019",                          
  "module": "commonjs",
  "outDir": "./dist",
  "strict": true,
  "esModuleInterop": true,
  "sourceMap": true,
  "experimentalDecorators": true,
  "forceConsistentCasingInFileNames": true
 },
"include": [
      "src/**/*",
      "src/**/*.ts",
      "src/**/*.tsx",
      "src/**/*.vue",
      "tests/**/*.ts",
      "tests/**/*.tsx"
    ],

}

这个项目不是用 Vue@Cli 安装的，它是由创建项目的人用 npm 安装的。

我对@9​​87654328@ 和Typescript 都是新手，所以我可能搞砸了。

提前致谢。

Answer 1

你可以安装@vue/cli，然后打开vue ui，在vue ui中导入你的项目，然后再次使用ui下载typescript插件。有什么不清楚的请告诉我：）