Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/lua/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 无法在Vue.js应用程序的main.ts内导入typescript模块_Javascript_Typescript_Vue.js_Routing - Fatal编程技术网

Javascript 无法在Vue.js应用程序的main.ts内导入typescript模块

Javascript 无法在Vue.js应用程序的main.ts内导入typescript模块,javascript,typescript,vue.js,routing,Javascript,Typescript,Vue.js,Routing,我正在使用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 main.ts位于src/main

我正在使用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

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");
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;
routerIndex.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");
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
都是新手,所以我可能把事情搞砸了


提前感谢。

您可以安装@vue/cli,然后打开
vue ui
,在vue ui中导入项目,然后再次使用ui下载typescript插件。如果有任何不清楚的地方,请告诉我:)

我担心完成重新安装可能会弄乱后端开发人员可能正在使用的某些文件:(,但我将尝试复制并重新安装iTunes,然后再安装typescript,但错误是相同的。好的,让我们尝试另一个选项。尝试以下操作:不需要使用行Vue.use(VueRouter)两次。在./plugins/indexRouter.ts文件中使用一次