vue.js - 找不到模块“./router”的声明文件
问题描述
我有一个基于 TypeScript 的 Vue.js 项目,使用 Visual Studio 2017 作为我的 IDE。
这是“路由器/index.js”文件:
import Vue from 'vue'
import Router from 'vue-router'
import Home from '@/components/Home'
import TimeSheet from '@/components/TimeSheet'
Vue.use(Router)
export default new Router({
routes: [
{
path: '/',
redirect: {
name: "Home"
}
},
{
path: '/home',
name: 'Home',
component: Home
},
{
path: '/timesheet',
name: 'TimeSheet',
component: TimeSheet
}
]
})
这是我的“main.ts”文件的内容:
import Vue from 'vue';
import App from './App.vue';
Vue.config.productionTip = true;
import router from './router'
new Vue({
render: h => h(App),
router
}).$mount('#app')
在这条线上:
import router from './router'
我正进入(状态:
vue.js 找不到模块 './router' 的声明文件
我看到很多关于这个错误的线程,但到目前为止还没有一个提供解决方案。以下是项目的布局方式:
编辑:
tsconfig.json 的内容
{
"compilerOptions": {
"noEmit": true,
"target": "es5",
"module": "esnext",
"strict": true,
"jsx": "preserve",
"moduleResolution": "node",
"experimentalDecorators": true,
"emitDecoratorMetadata": true,
"allowSyntheticDefaultImports": true,
"sourceMap": true,
"baseUrl": ".",
"types": [
"node"
],
"paths": {
"@/*": [
"src/*"
]
}
},
"include": [
"src/**/*.ts",
"src/**/*.tsx",
"src/**/*.vue",
"tests/**/*.ts",
"tests/**/*.tsx"
],
"exclude": [
"node_modules"
]
}
解决方案
我通过将文件更改为router/index.js
来完成此工作index.ts
,然后将文件的内容从...更改为
import Vue from 'vue'
import Router from 'vue-router'
import Home from '@/components/Home'
import TimeSheet from '@/components/TimeSheet'
Vue.use(Router)
export default new Router({
routes: [
{
path: '/',
redirect: {
name: "Home"
}
},
{
path: '/home',
name: 'Home',
component: Home
},
{
path: '/timesheet',
name: 'TimeSheet',
component: TimeSheet
}
]
})
至...
import Vue from 'vue'
import Router from 'vue-router'
import Home from '@/components/Home.vue'
import TimeSheet from '@/components/TimeSheet.vue'
Vue.use(Router)
export default new Router({
routes: [
{
path: '/',
redirect: {
name: "Home"
}
},
{
path: '/home',
name: 'Home',
component: Home
},
{
path: '/timesheet',
name: 'TimeSheet',
component: TimeSheet
}
]
})
推荐阅读
- reactjs - 如何将 auth0 访问令牌添加到 react-apollo
- machine-learning - 从给定数据中提取决策树
- microsoft-edge - 版本 88.0.705.50 中删除了 Microsoft Edge 允许不安全本地主机标志
- c# - System.InvalidOperationException: 'XML 文档 (1, 1) 中存在错误。'
- swiftui - 如何将相同的对象传递给多个子视图?
- javascript - 检测圆形和方形之间的碰撞
- excel - 匹配年份和季度的 Excel 公式然后粘贴结果
- spring - 执行 Spring Web 客户端导致 DeferringLoadBalancerExchangeFilterFunction 非限定 bean 异常
- python - 如何解决 django 中的 UnicodeDecode 错误
- c - 如何在 Tizen Native 中从手表打印心率和步数数据?