背景:webpack5
版本升级之后,更新 dll
文件,发现生成的 dll
文件中 vue
的版本和 package.json
中 vue
中版本不一致。
// package.json:
vue: "^2.6.14",
vue-template-compiler: "^2.6.14"
dll
文件: vue: 2.7.14
影响: 造成 element
组件库 el-table
不显示
packahe.json
文件相关插件库版本:
"webpack": "^5.74.0",
"webpack-cli": "^5.0.1"
"@babel/core": "^7.12.16",
"@babel/eslint-parser": "^7.12.16",
浏览器设置
chrome > 90
not dead
babel
配置:
module.exports = {
presets: ['@vue/cli-plugin-babel/preset', ['@babel/preset-env']],
};
你理解一下
package.json
文件的^
符号的含义你就明白了:vue: "^2.6.14"
的含义就是指定了版本号不低于2.6.14
的2.x.x
最新版本。那么Vue2x
最新版本就是2.7.14
所以就会安装2.7.14
。你可以在你的
package-lock.json
里面查看你当前安装的Vue
版本信息。如果你要固定
Vue
的版本信息,那么你把package.json
中的vue: "^2.6.14"
中的^
符号删除就可以了。每次npm i
的时候就会安装2.6.14
这个版本。