Ionic4 未知浏览器查询答案

【问题标题】：Ionic4 Unknown browser queryIonic4 未知浏览器查询
【发布时间】：2019-09-16 17:20:55
【问题描述】：

我经常练习 Ionic，所以这些问题对我来说并不新鲜，但我无法解决这个问题。我目前正在尝试将我的 Ionic3 项目迁移到 Ionic4。为此，我创建了一个新的 Ionic4 选项卡项目。

每次我尝试 Ionic serve 命令时，我都会得到： [ng] 发生未处理的异常：未知浏览器查询

basedir=$(dirname "$(echo "$0" | sed -e 's

Maybe you are using old Browserslist or made typo in query.

[ng] See "C:\Users\Admin\AppData\Local\Temp\ng-9er5Id\angular-errors.log" for further details.
[ERROR] ng has unexpectedly closed (exit code 127).


The Log file:
[error] BrowserslistError: Unknown browser query `basedir=$(dirname "$(echo "$0" | sed -e 's`. Maybe you are using old Browserslist or made typo in query.
    at unknownQuery (D:\Wisex\Technik\Client\safehome_client\node_modules\browserslist\index.js:204:10)
    at D:\Wisex\Technik\Client\safehome_client\node_modules\browserslist\index.js:296:11
    at Array.reduce (<anonymous>)
    at resolve (D:\Wisex\Technik\Client\safehome_client\node_modules\browserslist\index.js:237:18)
    at browserslist (D:\Wisex\Technik\Client\safehome_client\node_modules\browserslist\index.js:361:16)
    at new BuildBrowserFeatures (D:\Wisex\Technik\Client\safehome_client\node_modules\@angular-devkit\build-angular\src\utils\build-browser-features.js:17:35)
    at generateWebpackConfig (D:\Wisex\Technik\Client\safehome_client\node_modules\@angular-devkit\build-angular\src\utils\webpack-browser-config.js:24:34)
    at process._tickCallback (internal/process/next_tick.js:68:7)
    at Function.Module.runMain (internal/modules/cjs/loader.js:834:11)
    at startup (internal/bootstrap/node.js:283:19)
    at bootstrapNodeJSCore (internal/bootstrap/node.js:622:3)

你们中是否有人对此有可能的解决方案。非常感谢您的帮助，因为我现在需要几天时间才能迁移。

你的，本杰明

【问题讨论】：

标签： ionic-framework angular-cli ionic4 serve

【解决方案1】：

你有最新版本的 angular cli 吗？

npm install -g @angular/cli

发布日志也可能有用

【讨论】：

说实话我不确定。我稍后会尝试！
我现在再次安装了 Angular，但我仍然有相同的错误代码。上面描述的Log文件的内容我已经贴出来了！
我也遇到了麻烦。根据我对 ionic 的体验，如果 Ionic/cordova 和 angular CLI 是最新的，问题可能来自 nodeJS 版本（我使用 nvm 不时切换）、python 和 gradle 版本（我认为它更适合构建）和你的环境变量。因为你是从一个空白项目开始的，所以它来自项目本身会很奇怪。
有什么可能的解决方案？

【解决方案2】：

我花了几个小时来解决这个问题。希望它能帮助别人

请按照以下步骤操作：

从 environmental 变量中找到您的 npm 路径。然后复制该路径并将其粘贴到记事本中

2.转到控制面板->卸载节点js

3.卸载后，重启系统。

4.现在转到文件资源管理器中的 npm 路径。

5.并删除名为npm和npm-cache

的文件夹

6.现在安装node（LTS版本）和angular（参考下面的链接逐步安装）

https://www.zeolearn.com/magazine/setup-angular-windows

注意：不要以管理员身份运行cmd，否则安装失败

7.一旦您使用 ng serve -o 验证 angular 运行良好

8.通过npm install -g ionic@latest

安装离子

9.然后运行 ionic serve。

10.希望对您有所帮助。祝您编码愉快 :)

【讨论】：