Я создаю простое приложение 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
main.ts в src/main.ts
indexRouter.ts в src/router/indexRoute.ts
main.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 лицом, создавшим проект.
Я новичок в обоих Vue
и Typescript
, поэтому я могу что-то напортачить.
Заранее спасибо.