Ionic4未知浏览器查询

Question

我已经熟练掌握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)

你们当中有没有人对此问题有可能的解决办法。 我非常感激帮助，因为迁移已经花费了我的几天时间。

谢谢， 本杰明

- Benjamin Müller

Answer 1

您是否拥有最新版本的Angular CLI？

npm install -g @angular/cli

同时，发布日志也可能很有用。

- WisePlatypus

---

说实话，我不确定。稍后我会尝试！ - Benjamin Müller

我现在重新安装了Angular，但是仍然出现相同的错误代码。 我已经在上面的描述中发布了日志文件的内容！ - Benjamin Müller

我也遇到了问题。根据我的经验，如果Ionic / Cordova和Angular CLI是最新的，问题可能来自nodeJS版本（我使用nvm不时切换版本），Python和Gradle版本（我认为这更多是为了构建），以及您的环境变量。由于您从一个空白项目开始，如果问题不是来自项目本身，那么它真的很奇怪。 - WisePlatypus

可能的解决方案是什么？ - Benjamin Müller

Answer 2

我花了几个小时来解决这个问题。希望能帮到有需要的人。

请按照以下步骤进行：

1. 从环境变量中找到您的npm路径。将该路径复制并粘贴到记事本中。

2.进入控制面板 -> 卸载 Node.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安装ionic

9.然后运行ionic serve.

10.希望能够帮到您。愉快的编程 :)

- vidhya c