刚接手旧项目,有人反映h5页面空白,f12浏览此页面,发现加载vuex.min.js文件有问题:
来到项目的index.html文件,发现vuex的部署如下:
解决:将vuex下载到本地引入项目中即可。
方法一:改为本地项目依赖
vuex官方网站https://vuex.vue js.org/zh/installation.html上有提供vuex每个版本的下载链接,用于打开所需的版本。 如下图所示,将网页中的代码赋值粘贴到本地vuex.js文件中
然后,将vuex.js文件保存到静态目录中。
引入最后注释之前的vuex,使用本地引用:
ldcs:使用npm安装vuex
1、全局搜索外部,找到webpack.base.conf.js文件,找到外部对象,并注释“vuex’:’vuex”
下面在webpack主页上介绍了externals对象中的配置。 在运行时从外部检索这些扩展依赖关系(external dependencies ),而不是将某些import软件包(package )打包到bundle中。
如果不在此注释,您将看到vuex只是在运行时检索到外部(无法自然检索)。
关于外部介绍,请访问webpack官方网站地址: https://web pack.docs China.org/configuration/externals /
2、npm安装vuex (流程略) ) ) )。
3、注释index.html的script标签并导入vuex的方式