javascript - 为什么我不能在 vue-router routes.js 中使用 require?
问题描述
使用 vue-router 时,标准设置是
main.js 需要 routes.js 文件,它看起来像这样
//routes.js
import Register from './components/Register'
import Login from './components/Login'
module.exports = [{
path: `/`,
component: Login,
}, {
path: `/register`,
component: Register,
}]
我的问题是为什么我可以这样做
//routes.js
module.exports = [{
path: `/`,
component: require('./components/Login'),
}, {
path: `/register`,
component: require('./components/Register'),
}]
当我尝试时,我收到此控制台错误
Vue warn]: Failed to mount component: template or render function not defined.
found in
---> <Anonymous>
<App> at src/App.vue
<Root>
解决方案
**import 和 require 的工作方式不同,请参阅下面的链接,那里有关于该主题的良好文档。** es6 特性 和要求实际工作 原理 **查看文档 node js 如何在后台工作 module.export 如何工作 nodejs 设计模式是什么(node js 如何将我们的代码包装在立即调用的函数表达式中并将代码传递给 v8 引擎)
你可以简单地 midify 你的 routes.js 文件
component:() => import('./components/Register.vue') 或 component: require('./components/Login.vue').default
两者都可以
[{ path: '/', component:() => import('./components/Register.vue') }, { path: '/register', component: require('./components/Login.vue') 。默认 }];
推荐阅读
- go - go.mod 上的严格版本
- javascript - 使用 loadash 通过两个键获取对象组数组
- javascript - 如何从自定义属性中获取所有价值
- reactjs - 使用 mocha 测试 tsx 组件 - TypeScript、React 和 Mocha
- python - scipy 中用于计算相对熵的 3 个函数。有什么不同?
- swift - 在 swift/Xcode 中达到一定分数后尝试结束游戏
- java - 如何解析响应的 json 表示?
- excel - 将 excel 工作表导出到 csv 中,同时省略带有公式但没有数据的底部行
- assembly - 跳转到新函数后 rbp 的值发生变化
- ibm-cloud - 如何在 IBM Cloud 上通过 SSL VPN 向用户授予私有 IP 访问权限