若依分离版-前端使用

1 执行 npm install --registry=https://registry.npm.taobao.org，报错信息如下

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: ktg-mes-ui@3.8.2
npm ERR! Found: vue@2.6.12
npm ERR! node_modules/vue
npm ERR! vue@"2.6.12" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer vue@"^3.0.0" from @dhtmlx/trial-vue-gantt@1.1.0
npm ERR! node_modules/@dhtmlx/trial-vue-gantt
npm ERR! @dhtmlx/trial-vue-gantt@"1.1.0" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See D:\Program Files\nodejs\node_cache\eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR! D:\Program Files\nodejs\node_cache\_logs\2023-10-07T00_23_11_969Z-debug-0.log

解决方法如下

用我的中式英语翻译一下就是：不能解析依赖树，需要先修复上面依赖关系冲突或者重新执行一下npm install命令，后面跟–force或者–legacy-peer-deps去接受不正确的(并可能被破坏的)依赖解析。

根据它的建议，我们去执行npm install --force 或者 npm install --legacy-peer-deps

过了一些时间发现依赖安装好了，你开心坏了，但有些 “顽固” 的项目可不会就此善罢甘休，有些项目执行完这两条命令之后依然还是上面那个报错。这时候你就应该去看一下你的npm版本了，

其实npm@7与ERESOLVE有关的问题还是比较常见的，这是因为npm7.x对于某些事情要比npm6.x更加严格，通常解决办法就是使用 npm install --legacy-peer-deps 或者使用 npm@6。

如果这些办法不能立即生效的话，可以先把项目中的 node_modules 和 package-lock.json 删除，它们将会被重新创建。

温馨提示：使用 npm@6 不需要卸载 npm@7，可以使用 npx 去指定 npm 的版本。即可以这么使用：npx -p npm@6 npm install --legacy-peer-deps

2 执行 npm run dev 提示如下所示错误信息 INFO Starting development server...
95% emitting CompressionPlugin ERROR Error: error:0308010C:digital envelope routines::unsupported
Error: error:0308010C:digital envelope routines::unsupported

解决方法如下

问题原因：查了下原因，主要是 nodeJs V17 版本发布了 OpenSSL3.0 对算法和秘钥大小增加了更为严格的限制，nodeJs v17 之前版本没影响，但 V17 和之后版本会出现这个错误，确认本机电脑的node版本是多少，用如下命令查看

node -v

解决方式（仅 windows）:

在 package.json 的 scripts 中新增 SET NODE_OPTIONS=--openssl-legacy-provider

添加前：

"scripts": {"dev": "vue-cli-service serve","build:prod": "vue-cli-service build"},

添加后

"scripts": {"dev": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve","build:prod": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service build"},

3 执行 npm install 出现如下图所示，

npm ERR! code EJSONPARSE
npm ERR! JSON.parse Unexpected token " " (0xA0) in JSON at position 216 while parsing near "...cli-service serve\",\n \"build:prod\": \"S..."
npm ERR! JSON.parse Failed to parse JSON data.
npm ERR! JSON.parse Note: package.json must be actual JSON, not just JavaScript.

npm ERR! A complete log of this run can be found in:
npm ERR! D:\Program Files\nodejs\node_cache\_logs\2023-10-07T10_30_07_338Z-debug-0.log
PS D:\ideaProjects\ktg-mes-ui-master> npm install --registry=https://registry.npm.taobao.org
npm ERR! code EJSONPARSE
npm ERR! path D:\ideaProjects\ktg-mes-ui-master/package.json
npm ERR! JSON.parse Unexpected token " " (0xA0) in JSON at position 216 while parsing near "...cli-service serve\",\n \"build:prod\": \"S..."
npm ERR! JSON.parse Failed to parse JSON data.
npm ERR! JSON.parse Note: package.json must be actual JSON, not just JavaScript.

npm ERR! A complete log of this run can be found in:
npm ERR! D:\Program Files\nodejs\node_cache\_logs\2023-10-07T10_31_19_041Z-debug-0.log

解决方法：

执行如下命令可解决，npm install -force 强制安装，解决有冲突的依懶包