通过Cli方式创建uni-app常见错误整理

妖狐艹你老母 2021-07-26 22:37 4208阅读 1赞

# 通过Cli方式创建uni-app常见错误整理 #

### 文章目录 ###

*  通过Cli方式创建uni-app常见错误整理
 *   *  写在前面
     *  错误一 ：exports is not not defined
     *  错误二：this.getResolve is not a function
     *  错误三：全局配置Vue.config.ignoreElements 后报 uni-\* 组件未定义

## 写在前面 ##

最近将cli版本的uni-app更新到了最新版本，结果更新后引发了一些新的问题，为避免后续再犯同样的错误，特以文字记录。

>  *  推荐访问我在[我来][Link 1]的个人笔记，以获得更好的阅读体验！（无广告！无广告！无广告）
>  *  笔记地址：[通过Cli方式创建uni-app常见错误整理][Cli_uni-app]

## 错误一 ：exports is not not defined ##

*  **错误描述**  
    `exports is not defined`
 *  **错误截图**  
    ![28d4c49ced773c764f96c2dc9c64c49b.png][]
 *  **错误原因**
    
    更新uni-app 的时候一并更新了@babel/runtime ，@babel/runtime 更新到了 7.13.x，有较大改动，引起兼容问题。
 *  **解决办法**
    
    1.  回退 @babel/runtime 版本到7.12.0
    
    > 删除 node\_modules 目录和 package-lock.json 文件，在 package.json 文件中增加开发依赖 “@babel/runtime”: “~7.12.0”，执行 npm install 重新安装依赖即可
    
    1.  注释或者删除babel.config.js文件
    2.  注释掉babel.config.js 文件中`modules: 'commonjs',` 语句，代码如下

module.exports = { 
      presets: [
         [
            '@vue/app',
            { 
              // modules: 'commonjs', 注释掉该条语句，错误消失。
              useBuiltIns: process.env.UNI_PLATFORM === 'h5' ? 'usage' : 'entry'
            }
         ]
      ],
      plugins
    }

*  **参考链接**  
    [【报Bug】使用cli方式创建的项目本地 运行 报exports is not defined][Bug_cli_ _ _exports is not defined]

## 错误二：this.getResolve is not a function ##

*  **错误描述**  
    `this.getResolve is not a function`
 *  **错误截图**  
    ![d68c4f28b24710bc57103079c6b16908.png][]
 *  **问题原因**  
    node-sass 和sass-loader 版本过高导致编译报错
 *  **解决办法**  
    回退node-sass 和 sass-loader 到低版本，目前`"node-sass": "^4.14.1",`和`"sass-loader": "^8.0.2"`版本正常。回退方法同上，亦可通过**npm uninstall**卸载后安装指定版本。

## 错误三：全局配置Vue.config.ignoreElements 后报 uni-\* 组件未定义 ##

*  **错误描述**  
    因在业务中需要使用微信的开发标签，结果在页面中插入开放标签后Vue控制台报错，`Unknown custom element: <wx-open-launch-weapp>` 通过配置 `Vue.config.ignoredElements = ["wx-open-launch-weapp"];` 结果报错`Unknown custom element: uni-*`
 *  **错误截图**

![在这里插入图片描述][20210301185115272.png_pic_center]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDY3MDk3Mw_size_16_color_FFFFFF_t_70_pic_center]

*  **问题原因**
    
    通过配置Vue.config.ignoredElements 覆盖了uni-app 的原有配置，因此导致Vue控制台报错找不到自定义组件
 *  **解决办法**
    
    配置微信开放标签的同时，将uni自定义组件也配置在内

Vue.config.ignoredElements = ["wx-open-launch-weapp", /^uni-/];
    // 或： Vue.config.ignoredElements.push("wx-open-launch-weapp");

--------------------

建议收藏，后续还有相关错误，将同步更新！

[Link 1]: https://www.wolai.com/product
[Cli_uni-app]: https://www.wolai.com/3A9s9kLepCn9r46kG8YW4z?theme=light
[28d4c49ced773c764f96c2dc9c64c49b.png]: /images/20210726/bf34675800f0497d92ddf2fb2f10ca04.png
[Bug_cli_ _ _exports is not defined]: https://www.wolai.com/3A9s9kLepCn9r46kG8YW4z#4DDxn3U5GbFsRGzR1FVpit
[d68c4f28b24710bc57103079c6b16908.png]: /images/20210726/790c60c5faa54e45b6935d6ffdc651ff.png
[20210301185115272.png_pic_center]: /images/20210726/838f366583cd4cbd95c35502140b0a33.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDY3MDk3Mw_size_16_color_FFFFFF_t_70_pic_center]: /images/20210726/cd473b9b157f4545a7066bd0a2ccb572.png