如何将Node JS升级到v14 ?x和离子3?

Question

根据我在这个TS/Node项目中遇到的错误(对于一个简单的只有TypeScript的REST API)，建议的修复(在这里提到(https://github.com/heineiuo/rippledb/issues/148))是我需要像Node v14.x这样的东西我一开始一直跳v18。X和那个教程项目的构建和运行。https://www.mongodb.com/compatibility/using-typescript-with-mongodb-tutorial

然而，节点18。使用以下ionic配置，甚至降级到Node v14.15.5都会破坏一个ionic 3项目中的构建apk和浏览器进程。

$ ionic info
Ionic:
Ionic CLI          : 6.13.1 (C:UsersAXMAppDataRoamingnpmnode_modules@ioniccli)
Ionic Framework    : ionic-angular 3.9.2
@ionic/app-scripts : 3.2.4
Cordova:
Cordova CLI       : 11.0.0
Cordova Platforms : android 10.1.2, browser 5.0.3
Cordova Plugins   : cordova-plugin-ionic-webview 4.1.3, (and 15 other plugins)
Utility:
cordova-res : 0.15.3
native-run  : not installed
System:
Android SDK Tools : 26.1.1 (C:/Users/AXM/AppData/Local/Android/Sdk)
NodeJS            : v10.16.0 (C:Program Filesnodejsnode.exe)
npm               : 6.9.0
OS                : Windows 10  ...really 11 :)

最初的抱怨我没有记录，我相信是关于sass失败的。我在谷歌上偶然发现了这篇文章，虽然不是专门关于"离子3"的。说降级。

Node Sass还不支持当前环境:Windows 64位与不支持的运行时(88)

"scripts": {
"clean": "ionic-app-scripts clean",
"build": "ionic-app-scripts build",
"lint": "ionic-app-scripts lint",
"ionic:build": "ionic-app-scripts build",
"ionic:serve": "ionic-app-scripts serve",
"watch": "ionic-app-scripts watch && beep ",
"serve:before": "watch",
"emulate:before": "build",
"deploy:before": "build",
"build:before": "build",
"run:before": "build",
"run:after": "beep",
"serve:after": "beep",
"beep": "bash.exe beep.sh",
"beep0": "bash.exe -c "echo -en '\a' " ",
"releasePWA": "ionic cordova build browser --prod --release"
},
"dependencies": {
"@angular/common": "5.0.3",
"@angular/compiler": "5.0.3",
"@angular/compiler-cli": "5.0.3",
"@angular/core": "5.0.3",
"@angular/forms": "5.0.3",
"@angular/platform-browser": "^5.0.3",
"@angular/platform-browser-dynamic": "5.0.3",
"@ionic-native/android-full-screen": "^4.20.0",
"@ionic-native/app-version": "^4.20.0",
"@ionic-native/clipboard": "^4.20.0",
"@ionic-native/core": "4.5.2",
"@ionic-native/document-viewer": "^4.7.0",
"@ionic-native/file": "^4.7.0",
"@ionic-native/file-transfer": "^4.7.0",
"@ionic-native/in-app-browser": "4.5.2",
"@ionic-native/ionic-webview": "^5.36.0",
"@ionic-native/social-sharing": "4.5.2",
"@ionic-native/splash-screen": "^4.7.0",
"@ionic-native/status-bar": "4.5.2",
"@ionic-native/toast": "4.6.0",
"@ionic/pro": "1.0.16",
"@ionic/storage": "2.1.3",
"@types/youtube": "0.0.46",
"archiver": "^5.3.1",
"child_process": "^1.0.2",
"clipboard-js": "0.3.3",
"com.verso.cordova.clipboard": "https://github.com/VersoSolutions/CordovaClipboard.git",
"cordova-browser": "5.0.3",
"cordova-clipboard": "~1.0.0",
"cordova-plugin-device": "1.1.4",
"cordova-plugin-file": "^6.0.1",
"cordova-plugin-file-transfer": "^1.7.1",
"cordova-plugin-fullscreen": "^1.2.0",
"cordova-plugin-inappbrowser": "~1.7.1-dev",
"cordova-plugin-splashscreen": "^4.0.3",
"cordova-plugin-whitelist": "^1.3.3",
"cordova-plugin-x-socialsharing": "~5.1.6",
"cordova-plugin-x-toast": "~2.6.0",
"cordova-sqlite-storage": "~2.0.3",
"danielsogl-cordova-plugin-clipboard": "1.0.2",
"ionic-angular": "3.9.2",
"ionic-plugin-keyboard": "~2.2.1",
"ionicons": "3.0.0",
"node-apk": "^1.1.1",
"rxjs": "5.5.2",
"sw-toolbox": "3.6.0",
"url-exist": "^3.0.0",
"zone.js": "0.8.18"
},
"devDependencies": {
"@ionic/app-scripts": "^3.2.4",
"@types/node": "^9.6.61",
"cordova-android": "^10.1.2",
"cordova-plugin-apkupdater": "^4.0.0",
"cordova-plugin-app-version": "^0.1.14",
"cordova-plugin-ionic-webview": "^4.1.3",
"tslint": "^5.10.0",
"tslint-ionic-rules": "0.0.16",
"typescript": "^2.8.3",
"viewport-units-buggyfill": "0.6.2"
},
"cordovaPlugins": [
"cordova-plugin-whitelist",
"cordova-plugin-console",
"cordova-plugin-statusbar",
"cordova-plugin-device",
"cordova-plugin-splashscreen",
"ionic-plugin-keyboard",
"cordova-plugin-x-socialsharing"
],
"cordovaPlatforms": [
{
"platform": "android",
"version": "",
"locator": "android"
},
{
"platform": "browser",
"version": "",
"locator": "browser"
}
],
"description": "UPS.ion: project",
"config": {
"ionic_source_map": "source-map",
"ionic_copy": "./copy.config.js"
},
"cordova": {
"plugins": {
"cordova-sqlite-storage": {},
"cordova-plugin-x-toast": {},
"cordova-clipboard": {},
"cordova-plugin-file-transfer": {},
"cordova-plugin-file": {},
"cordova-plugin-whitelist": {},
"ionic-plugin-keyboard": {},
"cordova-plugin-device": {},
"cordova-plugin-ionic-webview": {
"ANDROID_SUPPORT_ANNOTATIONS_VERSION": "27.+"
},
"com.verso.cordova.clipboard": {},
"cordova-plugin-splashscreen": {},
"cordova-plugin-inappbrowser": {},
"cordova-plugin-x-socialsharing": {},
"cordova-plugin-fullscreen": {},
"cordova-plugin-statusbar": {},
"cordova-plugin-apkupdater": {},
"cordova-plugin-app-version": {}
},
"platforms": [
"browser"
]
}
}

无论如何，我不擅长解决这样的问题，这是我的方案。我没有回到Node v10.16.0，没有完全恢复与一些奇怪的新问题，当我构建

ionic cordova build browser --prod --release

我

> ionic-app-scripts.cmd build --prod --target cordova --platform browser
[07:44:15] ionic-app-scripts 3.2.4
[07:44:15] build prod started ...
[07:44:15] clean started ...
[07:44:15] clean finished in 2 ms
[07:44:15] copy started ...
[07:44:15] deeplinks started ...
[07:44:15] deeplinks finished in 293 ms
[07:44:15] ngc started ...
[07:44:20] typescript error
Invalid provider for the NgModule 'AppModule in S:/_W/ARP/UPS.ion/SRC/UPS.ion.3/src/app/app.module.ts' -
only instances of Provider and Type are allowed, got: [[object Object], Clipboard in
S:/_W/ARP/UPS.ion/SRC/UPS.ion.3/node_modules/@ionic-native/clipboard/index.d.ts, Toast in
S:/_W/ARP/UPS.ion/SRC/UPS.ion.3/node_modules/@ionic-native/toast/index.d.ts, SocialSharing in
S:/_W/ARP/UPS.ion/SRC/UPS.ion.3/node_modules/@ionic-native/social-sharing/index.d.ts, AndroidFullScreen in
S:/_W/ARP/UPS.ion/SRC/UPS.ion.3/node_modules/@ionic-native/android-full-screen/index.d.ts, ?null?]
[07:44:20] ionic-app-script task: "build"
[07:44:20] Error: The Angular AoT build failed. See the issues above
Error: The Angular AoT build failed. See the issues above
at S:[e-mail]:237:55
at step (S:[e-mail]:32:23)
at Object.next (S:[e-mail]:13:53)
at fulfilled (S:[e-mail]:4:58)
[ERROR] An error occurred while running subprocess ionic-app-scripts.
ionic-app-scripts.cmd build --prod --target cordova --platform browser exited with exit code 1.
Re-running this command with the --verbose flag may provide more information.

我用谷歌搜了很多东西

1. NgModule的AppModule的无效提供商
2. 错误:Angular AoT构建失败

并做了许多猜测工作尝试(npm uninstall this…NPM安装那个…)。我还清理了所有的lint错误，但它也没有帮助。

有趣的是，删除了下面第120行所示的5个提供商列表。app.modules.ts中的124使构建正常，但浏览器构建无法运行，APK构建也是如此。

[![enter image description here][1]][1]

也许还有别的东西需要升级，以使它有可能有一个新版本的节点，为两个项目(我不能失去我的ionic3项目)。

对不起，这很复杂…

Answer 1

使用不同版本的Node来运行每个应用程序可能会有所帮助。NVM这个工具很适合这个，如果你还没有安装的话，请安装它。

在一个shell中，安装较新的Node版本，例如nvm install lts/gallium和nvm use lts/gallium。删除node_modules并重新安装依赖项(rm -rf ./node_modules && npm i)，并在那里运行服务器程序。

在另一个shell中，安装旧的Node版本，例如nvm install lts/erbium和nvm use lts/erbium。同样，删除node_modules并重新安装依赖项(rm -rf ./node_modules && npm i)并在那里运行Ionic 3项目。

如果这没有帮助，把你的应用程序的一个精简版本放在Github上，并说明复制错误，最好是为了进一步调试。