问答

vue-router ()=>import()懒加载错误

作者:admin 2021-05-11 我要评论

\#\#\# 问题描述 vue-router ()=import()懒加载错误 \#\#\# 问题出现的环境背景及自己尝试过哪些方法 "vue": "^2.6.11","vue-router": "^3.2.0", \#\#\# 相关代...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

\#\#\# 问题描述
vue-router ()=>import()懒加载错误
\#\#\# 问题出现的环境背景及自己尝试过哪些方法

"vue": "^2.6.11",
"vue-router": "^3.2.0",

\#\#\# 相关代码

import VueRouter from 'vue-router'

Vue.use(VueRouter)
import about from '../views/about.vue'
// import test from '../../test.vue'
const routes = [
 {
   path:'/',
   component:about
 },
//  {
//   path:'/test',
//   component:test
//  },
 {
   path:'/test',
   component:()=>import('../../test.vue')
 }
]

const router = new VueRouter({
  routes
})

export default router

\#\#\# 你期待的结果是什么?实际看到的错误信息又是什么?
期望按需加载路由正确 昨天还好好的 今天突然就这样了
image.png

###

我刚解决了,
解决尝试的方案是
vue-router 文档中说image.png
但是我按照这个方式,并没有成功, 我是使用的vue-cli4.4.6 搭建的这个项目
后来找其他文档
发现最终的解决方案为:

下载babel-plugin-dynamic-import-node
npm install babel-plugin-dynamic-import-node -S -D
在babel.config.js中添加

 presets: [
    '@vue/cli-plugin-babel/preset'
  ],
  "env": {
    "development": {
      "plugins": ["dynamic-import-node"]
    }
  }
###

报错不是在app.js里面的吗?跟这里没有关系吧

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • vue-router ()=>import()懒加载

    vue-router ()=>import()懒加载

  • vue的data()中的值能否递归调用

    vue的data()中的值能否递归调用

  • nginx+ngrok https问题

    nginx+ngrok https问题

  • 微信小程序上拉加载更多如何有淡入效果

    微信小程序上拉加载更多如何有淡入效果

腾讯云代理商
海外云服务器