Javascript 无法在Vue.js应用程序的main.ts内导入typescript模块
我正在使用typescript构建一个简单的vue.js应用程序,我正在尝试执行一些路由,并将路由文件带到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
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文件中使用一次