Vue2 使用懒加载,打包部署到服务器后出错了

import IndexView from '../views/IndexView'

这样引入组件,npm run dev和打包后都没问题



const IndexView = (resolve) => {
  import('../views/IndexView').then((module) => {
    resolve(module)
  })
}

这样引入组件,npm run dev没问题,但是打包放入服务器后会报错

clipboard.png

Vue的目录路径是
-src

-router
    -index.js
-views
    -IndexView.vue 

后端PHP的目录路径是

clipboard.png

打包后的index.html改成tpl放在View里面,static用绝对路径引入,assetsPublicPath也改成了 ./

但是用import就没问题,用懒加载引入就会报错,manifest.js,vendor.js,app.js加载到了,但是然后打开不同的页面 就会报0.xxxx.js,1.xxxxx.js,2.xxxxx.js 这样不同的JS引入失败的错,这些JS好像就是那些组件?

阅读 1.9k
1 个回答

点开network,看看返回的内容是不是js.

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题