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中配置了：
  

1.   chainWebpack: (config) => {
2.     config.resolve.alias.set('@/', resolve('src'))
3.     // config.plugins.delete('prefetch')
4.         // 主要是引用了这个
5.         // 这个是引用了wai外部链接（在public下的index.html中引入的）
6.     config.set('externals', {
7.         vue: 'Vue',
8.         'vue-router': 'VueRouter',
9.         axios: 'axios',
10.         moment: 'moment'
11.       }
12.     )
13.   },

复制代码

• cdn链接出现问题返回的js文件不是对应的必要的js
  

1. <script src="https://cdn.bootcdn.net/ajax/libs/moment.js/2.29.1/moment.min.js"></script>
2. <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.19.2/axios.min.js"></script>
3. <script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.14/vue.min.js"></script>
4. <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企服之家，中国第一个企服评测及商务社交产业平台。