海哥 发表于 2024-6-11 11:21:35

vue项目突然报找不到vue,vue-router,moment,axios

vue项目突然报找不到vue,vue-router,moment,axios

一、问题:



[*]external “Vue”:1 Uncaught ReferenceError: Vue is not defined
[*]Uncaught ReferenceError: VueRouter is not defined
[*]axios.min.js:2 Uncaught TypeError: Cannot read properties of undefined
[*]moment is not defined
二、描述:



[*]线上项目突然不能访问报上述错误
[*]假如只是开发过程中出现这些问题,网上有许多解决方法
[*]网上查找没有看到有提到这个问题的特此记录
[*]这个只是产生这个问题的一种环境,只是可以作为参考
三、缘故原由:



[*]vue项目vue.config.js中配置了:
chainWebpack: (config) => {
    config.resolve.alias.set('@/', resolve('src'))
    // config.plugins.delete('prefetch')
        // 主要是引用了这个
        // 这个是引用了wai外部链接(在public下的index.html中引入的)
    config.set('externals', {
      vue: 'Vue',
      'vue-router': 'VueRouter',
      axios: 'axios',
      moment: 'moment'
      }
    )
},


[*]cdn链接出现问题返回的js文件不是对应的必要的js
<script src="https://cdn.bootcdn.net/ajax/libs/moment.js/2.29.1/moment.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.19.2/axios.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.14/vue.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/vue-router/3.5.2/vue-router.min.js"></script>
这些文件时而返回可以使用的,时而返回不可以使用的
四、解决



[*]找到精确的文件放到当地引入,即可。
[*]由于cdn返回的某一次是精确的,以是直接访问不绝革新找到精确的复制到当地即可
[*]没有的话再到其他地方找一个版本差不多的
博客地址:https://www.dreamsoul.top/archives/1705541401600

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
页: [1]
查看完整版本: vue项目突然报找不到vue,vue-router,moment,axios