在 vue 项目中运行 npm run serve 时出现问题

Posted 2023-02-22

【中文标题】在 vue 项目中运行 npm run serve 时出现问题

【英文标题】：issue when running npm run serve in vue project

【发布时间】：2020-10-26 18:25:05

【问题描述】：

尝试为 vue 项目运行服务器时遇到问题

这就是问题

错误错误：没有找到有效的导出主 'C:\Users\AlaaMohammed\phpstormProjects\vue-2\node_modules\colorette' 错误：没有找到有效的主要出口 'C:\Users\AlaaMohammed\PhpstormProjects\vue-2\node_modules\colorette' 在 resolveExportsTarget (internal/modules/cjs/loader.js:622:9) 在 applyExports (internal/modules/cjs/loader.js:499:14) 在 resolveExports (internal/modules/cjs/loader.js:548:12) 在 Function.Module._findPath (internal/modules/cjs/loader.js:654:22) 在 Function.Module._resolveFilename (internal/modules/cjs/loader.js:953:27) 在 Function.Module._load (internal/modules/cjs/loader.js:859:27) 在 Module.require (internal/modules/cjs/loader.js:1028:19) 在需要（内部/模块/cjs/helpers.js:72:18） 在对象。 (C:\Users\AlaaMohammed\PhpstormProjects\vue-2\node_modules\autoprefixer\lib\autoprefixer.js:5:17) 在 Module._compile (internal/modules/cjs/loader.js:1139:30) npm ERR！代码 ELIFECYCLE npm 错误！ errno 1 npm 错误！ vue-2@0.1.0 服务： vue-cli-service serve npm 错误！退出状态 1 npm ERR！ npm 错误！ vue-2@0.1.0 服务脚本失败。 npm 错误！这可能不是 npm 的问题。上面可能还有额外的日志输出。

我希望有人回答我的问题

【问题讨论】：

过去有没有用过？您能否edit 包含您的 package.json 文件以排除包冲突的问题？您使用的是什么版本的 node、npm 和 vue-cli？

【参考方案1】：

尝试手动重新安装colerette插件1.2.0版

npm i colorette@1.2.0

【讨论】：

对我不起作用，但从节点 v13 升级到节点 v14.5 有效。

如果您不想升级 Node，您可能还需要将 autoprefixer 固定在较低版本：npm install autoprefixer@9.8.0 加上 colorette@1.2.0 为我在 Node v13 上修复了它。跨度>

【参考方案2】：

将节点升级到 14.5 版将解决此问题。

【参考方案3】：

我做了以下事情，它奏效了： 1)_ 首先我检查了版本

npm 已过时 npm 更新 npm 安装 npx npm-check-updates - u

2)_ 一旦我 100% 确定问题不是来自那个来源，我输入以下内容：

npm install autoprefixer@9.8.0

它解决了这个问题。

注意：在将 scss 连接到 App 之前尝试“npm start”，只是为了查看是否可以在浏览器中可视化某些内容（例如：hello world），如果一切正常，请使用 main 创建文件夹 scss .scss 里面，导入它，然后尝试步骤。

【参考方案4】：

更新节点版本可以解决你的问题。

【讨论】：

这是在较早的答案中提出的更详细的（特定节点版本），为什么要发布这个？

【参考方案5】：

我的节点 -v: v16.1.0 什么对我有用npm ci