vue vue-router 改成CDN引入后报错
项目是基于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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
不需要重复
use
代码和配置都没有问题,问题在于没有重启服务器,npm run serve 就好了