Vue.js 未定义不是使用布局文件的vue cli/vue路由器上的对象(评估';模块[moduleId]。调用';)
我面对这个问题: undefined不是对象(正在计算'modules[moduleId].call') 这是文件树:Vue.js 未定义不是使用布局文件的vue cli/vue路由器上的对象(评估';模块[moduleId]。调用';),vue.js,webpack,vuejs2,Vue.js,Webpack,Vuejs2,我面对这个问题: undefined不是对象(正在计算'modules[moduleId].call') 这是文件树: ├── README.md ├── babel.config.js ├── package-lock.json ├── package.json ├── postcss.config.js ├── public │ ├── favicon.ico │ └── index.html ├── src │ ├── App.vue │ ├── assets │ │
├── README.md
├── babel.config.js
├── package-lock.json
├── package.json
├── postcss.config.js
├── public
│ ├── favicon.ico
│ └── index.html
├── src
│ ├── App.vue
│ ├── assets
│ │ ├── logo.png
│ │ └── tailwind.css
│ ├── components
│ │ └── HelloWorld.vue
│ ├── layouts
│ │ └── Layout1.vue
│ ├── main.js
│ ├── pages
│ │ └── Home
│ │ └── View.vue
│ ├── router
│ │ ├── home.js
│ │ └── index.js
│ └── store
│ └── index.js
├── tailwind.config.js
└── vue.config.js
这是路由器的index.js
import Layout1 from '@/layouts/Layout1'
import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
const routes = [
{
path: '',
component: Layout1,
children: [{
path: '/',
component: () => import(/* webpackChunkName: "home-view" */ '@/pages/Home/View.vue')
}
]
}]
const router = new VueRouter({
mode: 'history',
base: process.env.BASE_URL,
routes
})
export default router
module.exports = {
configureWebpack: {
output: {
filename: () => (process.env.VUE_CLI_MODERN_MODE && !process.env.VUE_CLI_MODERN_BUILD) ? '[name].[hash:8].js' : '[name]-legacy.[hash:8].js'
}
}
}
这是vue.config.js
import Layout1 from '@/layouts/Layout1'
import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
const routes = [
{
path: '',
component: Layout1,
children: [{
path: '/',
component: () => import(/* webpackChunkName: "home-view" */ '@/pages/Home/View.vue')
}
]
}]
const router = new VueRouter({
mode: 'history',
base: process.env.BASE_URL,
routes
})
export default router
module.exports = {
configureWebpack: {
output: {
filename: () => (process.env.VUE_CLI_MODERN_MODE && !process.env.VUE_CLI_MODERN_BUILD) ? '[name].[hash:8].js' : '[name]-legacy.[hash:8].js'
}
}
}
错误消息没有多大帮助。因此,找不到某个模块,但所有路径都是正确的。你们有谁知道我把这里搞砸了吗?CMD+ALT+E,然后是刷新CMD+R。[在这里输入链接描述][1]
[modules[moduleId]未定义错误没有帮助#5429]:动态导入返回一个承诺,可能是这样
component:async()=>wait import(/*webpackChunkName:“home view”*/'@/pages/home/view.vue')
找到适合您的解决方案了吗?@Ifaruki的评论是否帮助您修复了错误?