当半年不碰的webpack + vuejs项目重见天日时遇到的神坑!

Posted 贝尔塔猫

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了当半年不碰的webpack + vuejs项目重见天日时遇到的神坑!相关的知识,希望对你有一定的参考价值。

半年前的Vuejs项目,由于webpack环境一直是1.0的,倒不是说不会改和不敢改。

总而言之。在我再次启动这个项目时: npm run dev / npm run build

不断的报出缺少某些模块的错误,起初我无所在乎的按着指导一个一个下载,下载了几个之后。我忽然发觉不对劲。

后来怀疑是webpack新版本的问题。将全局重装回了1.X版本。后来才知道这是错的。因为编译的版本是根据当前项目的webpack来的。也就是说我确实使用的是1.0版本来编译。而且报错了。

再后来我以为是nodejs升级的版本太高以至于不稳定。立刻找了个稳定的版本重装。结果还是错误的。

在万般无奈之下。我又使用了npm来安装(由于墙的问题,我几乎都是使用cnpm来安装,或许是它的问题呢?)。结果是,TM的npm依然有不少问题导致我模块都下不完整。

 

直接说结果吧:

 

我删除了整个node_modules,然后使用cnpm install 。经过漫长的等待,安装完成

执行npm run dev / npm run build

成功!

以上是关于当半年不碰的webpack + vuejs项目重见天日时遇到的神坑!的主要内容,如果未能解决你的问题,请参考以下文章

VueJS 和 Webpack:构建项目无法访问 ENV var

节点 webpack 开发服务器在 vuejs 项目中失败“无法获取 /”

如何在 vuejs webpack cli 项目中包含 jquery?

vuejs+ts+webpack2框架的项目实践

webpack & vuejs 将组件包含到组件中

在没有 npm install 或 webpack 的情况下导入 vuejs 组件