vue vue-router 改成CDN引入后报错

发布于 2022-09-11 19:29:04 字数 1043 浏览 12 评论 0

项目是基于vue-cli开发的,打包后vendor.js体积过大,首屏加载时间过长,
所以将vue.js和vue-router.js 改成CDN方式引入,然后就一直报错:

图片描述

不用CDN的话项目就是正常的
看了很多教程都是这样写的啊,是我哪里写错了吗,请指教,谢谢了

index.hmtl

<body>
<div id="app"></div>
<script src="https://unpkg.com/vue@2.5.2/dist/vue.runtime.min.js"></script>
<script src="https://unpkg.com/vue-router@3.0.1/dist/vue-router.min.js"></script>
</body>

main.js

import Vue from 'vue'
import App from './App'
import VueRouter from './router'

Vue.config.productionTip = false

new Vue({
  el: '#app',
  VueRouter,
  components: { App },
  template: '<App/>'
})

webpack.base.conf.js

externals: {
  'vue': 'Vue',
  'vue-router': 'VueRouter'
}

index.js

import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)

export default new VueRouter({
  routes: [
    //具体路由配置
  ]
})

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

始终不够 2022-09-18 19:29:05

不需要重复use

韵柒 2022-09-18 19:29:04

代码和配置都没有问题,问题在于没有重启服务器,npm run serve 就好了

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文