四川盐亭网站制作公司

小程序开发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

本文题目：小程序开发mpvue-entry掘坑记
本文网址：http://scyanting.com/article/pjoiod.html

其他资讯