小程序开发mpvue-entry掘坑记-创新互联

问题

根据F-loat/mpvue-quickstart官方提示步骤,当进行到如图所示最后一步的编译时,出现错误了!?

创新互联公司是一家集网站建设,四川企业网站建设,四川品牌网站建设,网站定制,四川网站建设报价,网络营销,网络优化,四川网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。

小程序开发mpvue-entry掘坑记

部分错误截图如下:
小程序开发mpvue-entry掘坑记

初步解决

原本想先进一步分析透彻webpack编译打包全过程,然后对照上面的错误提示跟踪分析,但是一时实在找不到眉目。于是,我把系统中安装的vue-cli 2.9完全删除,这个很简单使用如下命令即可:

npm uninstall vue-cli -g

然后,根据F-loat/mpvue-quickstart官方提示步骤从最开始再次安装执行,一切顺利。官方提到的步骤如下:

$ npm install -g @vue/cli @vue/cli-init
$ vue init F-loat/mpvue-quickstart my-project
$ cd my-project
$ npm install
$ npm run dev

特别说明一下的是第一步。这一步使用全局方式安装了两个内容:

npm install @vue/cli这一句安装的是最新的vue-cli 3.4.1 (2019-02-20)。
npm install @vue/cli-init这一句使用的是Vue CLI 2模板!详细说明见引文2,可参考下图。

小程序开发mpvue-entry掘坑记

最后再运行npm run dev,非常顺利。而且再打开微信小程序开发者工具导入并运行小程序也是成功的,如下图所示:
小程序开发mpvue-entry掘坑记

说明

需要补充说明一点,在上一篇中我说过运行“vue init F-loat/mpvue-quickstart my-project”时出现错误404,其实现在看来是由于网速太慢的原因所致。现在打开×××,速度明显快起来,所以下载安装也非常顺利。因此,对于国内的程序员来说,不借助×××,有些国外开源工程/库安装有可能很费劲,甚至是失败!

另外,值得注意的是,使用上面的mpvue-quickstart模板安装的工程的配置文件package.json中我们特别关注的几个库的版本有点低,如下图所示:

小程序开发mpvue-entry掘坑记

接下来,我想尽量把它们更新到目前高版本下,以便使用更新更强的功能。

引用

  • https://github.com/F-loat/mpvue-quickstart
  • https://cli.vuejs.org/guide/creating-a-project.html#using-the-gui

另外有需要云服务器可以了解下创新互联cdcxhl.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


文章题目:小程序开发mpvue-entry掘坑记-创新互联
文章网址:http://azwzsj.com/article/dchsod.html