Mac 运行VUE项目中遇到的问题

最新推荐文章于 2023-11-28 23:27:03 发布
最新推荐文章于 2023-11-28 23:27:03 发布
阅读量433 收藏
点赞数
文章标签： macos vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yangyifan0/article/details/132578491
版权

新装好的VUE-cli和Node.js，使用一个不报错的vue项目进行试验，看环境是不是正常的，共出现两个问题。

1、在运行npm run serve 时报错，错误如下：

code encode....

提示没有权限，

1、进入相应文件夹，我的是 /usr/local/vue/vue-demo，设置文件夹权限

chmod -R 755 ./*

2、然后继续使用 npm run serve

2、openssl 问题

Building for production...Error: error:0308010C:digital envelope routines::unsupported

Mac:

export NODE_OPTIONS=--openssl-legacy-provider

windows:

set NODE_OPTIONS=--openssl-legacy-provider

大新软件技术部
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
VUE 项目打包问题
m0_61943036的博客
05-10 385
本文详细描述了nodejs升级后引起的前端老旧项目中构建工具生成hash报错的问题(0308010C:digital envelope routines::unsupported)，以及给出的几种解决方案。这几种解决方案各自都存在一些不完美的地方，但都能解决当前构建错误，可以根据自己的实际需求来确定使用哪种方案。
记录vue项目中遇到的一点小问题
10-17
本文是脚本之家小编给大家收藏整理的关于vue项目中遇到的一点小问题，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下
详解如何运行vue项目
10-17
主要介绍了如何运行vue项目，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
使用IDEA工具配置和运行vue项目及遇到的坑
08-26
主要介绍了使用IDEA工具配置和运行vue项目及遇到的坑,需要的朋友可以参考下
vue使用技巧及vue项目中遇到的问题
08-27
主要介绍了vue使用技巧及vue项目中遇到的问题,本文给大家带来的只是一部分，后续还会持续更新，感兴趣的朋友跟随脚本之家小编一起学习吧
vue项目中遇到的难点面试.pdf
12-14
vue项目中遇到的难点面试.pdf
mac运行vue脚手架项目报错：Error: EACCES: permission denied, mkdir
weixin_52891078的博客
07-13 1459
近期在macos开发环境下使用npm，经常会出现无法mkdir，permission denied的问题，在windows下并没有遇到这种情况。
vue 打包 和 启动 时候的错误 解决方法
朱先森的博客
06-17 2756
原文链接：https://blog.csdn.net/zjjxxh/article/details/127173968。
mac系统 拉取vue项目启动时报错：: Permission denied
hellojava
11-17 4191
mac系统 解决vue项目启动时的报错： : Permission denied
node js 18以后由于 OpenSSL 加密，需要调整一下环境变量
随身教程序员的博客
07-02 5757
环境变量，以便在运行应用程序时将 OpenSSL 设置为旧版提供程序。如果您在终端窗口关闭后重新启动应用程序，您可能需要重新运行此命令。如果问题仍然存在，请确保您的 Node.js 版本与您的项目和依赖项的要求相匹配，并检查是否有其他错误或警告消息。然后，您可以尝试重新运行您的应用程序，看看是否仍然会出现。环境变量，将 OpenSSL 设置为旧版提供程序。请注意，此命令的作用是临时设置。打开命令提示符或终端窗口。
npm时出现`SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve`错误
最新发布
mamou_1的博客
11-28 5377
当使用npm运行vue项目时，出现了错误，是由于自身node版本太低和package.json 里scripts设置了版本兼容高版本。1，将serve中“SET NODE_OPTIONS=--openssl-legacy-provider && ”删除。2.将node版本升级为高版本。
Node.js 中的代码调试
专注于大数据方向，区块链，前后端，数据可视化，人工智能等领域
05-31 980
你的脚本就在 Node 另外一个进程中随着 --debug-brk 启动了起来，并且初始化的 Node 进程运行 _debugger.js 脚本连接上你的目标。在版本 7 以及更早的版本使用 --debug 或 --debug-brk 开关启动调试时，Node.js 侦听由中断定义的调试命令，TCP 端口上的 V8 调试协议，默认为 5858。使用中间进程ChromeDevTools调试Node. js应用，该进程将Chromium中使用的检查器协议转换为Node.js中使用的V8调试器协议。
node版本v18+运行vue2.x项目问题
Y00010010的博客
04-11 1735
【代码】node版本v18+运行vue2.x项目问题。
【vue项目报错及解决】node: --openssl-legacy-provider is not allowed in NODE_OPTIONS
xiaoxiqo的博客
06-25 2万+
删除部分变量即可
命令行使用浏览器内置的 JS 调试器
weixin_38358700的博客
04-17 709
执行上述命令后，将看到一个带有调试工具的命令行界面，此时可以使用常规的调试工具，例如设置断点，检查变量、堆栈跟踪等等。”是浏览器名称，后面的选项“–remote-debugging-port=9222”将启用调试器并指定一个端口号。在调试过程中，可以使用控制台来执行 JavaScript 命令、查看日志消息等。​ 这表示调试器已经启动，并且浏览器已经监听了指定的端口号。​ 其中，“9222”是在第2步中指定的端口号。启动浏览器，并导航到要调试的页面。
【node】npm run dev失败Error: error:0308010C:digital envelope routines::unsupported
leaves_story的博客
01-11 1732
方法二：修改package.json，在相关构建命令之前加入set NODE_OPTIONS=–openssl-legacy-provider，这个办法可以一劳永逸，以后直接通过npm执行scripts里面的命令即可。问题原因：node版本过高，因为 node.js V17版本中最近发布的OpenSSL3.0, 而OpenSSL3.0对允许算法和密钥大小增加了严格的限制，可能会对生态系统造成一些影响.方法一：通过命令设置NODE_OPTIONS参数，这个办法的缺点是每次构建前都需要执行一次命令。
快速解决Error: error:0308010C:digital envelope routines::unsupported的三种解决方案
热门推荐
m0_65933139的博客
05-15 8万+
Error: error:0308010C:digital envelope routines::unsupported的三种快速解决方案
升级node版本后，无法启动项目
m0_48508709的博客
04-05 499
升级node版本至V18后，无法启动项目。
nvm 'vue' 不是内部或外部命令，也不是可运行的程序
08-26
当你在使用nvm命令下载vue-cli并创建vue项目或查看vue版本号时，出现了"vue不是内部或外部命令，也不是可运行的程序或批处理文件"这个错误提示。这个问题可能是由于环境变量配置不正确导致的。 解决这个问题的方法有几种： 1. 确保你已经正确安装了node.js和vue-cli。你可以通过运行以下命令来检查它们的安装情况： - nvm ls：查看已安装的node版本 - vue -V：查看vue-cli的版本 2. 检查你的环境变量配置是否正确。你需要将node.js和vue-cli的安装路径添加到你的系统环境变量中。具体步骤如下： - 在Windows中，打开"控制面板"，选择"系统和安全"，然后选择"系统"，点击"高级系统设置"，在弹出的窗口中点击"环境变量"。 - 在"系统变量"下找到"Path"变量，点击"编辑"，然后点击"新建"，分别添加node.js和vue-cli的安装路径。 - 在Mac和Linux中，你可以编辑你的bash配置文件(~/.bashrc、~/.bash_profile或~/.profile)，添加如下代码： - export PATH="$PATH:/path/to/nodejs" - export PATH="$PATH:/path/to/vuecli" 请确保将"/path/to/nodejs"和"/path/to/vuecli"替换为你的实际安装路径。 3. 重启你的命令行终端，然后尝试再次运行nvm、vue-cli相关的命令，看是否问题已经解决了。 如果上述方法都没有解决你的问题，你可以尝试卸载并重新安装node.js和vue-cli，确保按照官方文档的指导进行操作。此外，你也可以搜索相关的错误信息和解决方法，可能有其他用户遇到过类似的问题并找到了解决办法。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [nvm下载vue cli后，显示vue不是内部或外部命令，也不是可运行的程序 或批处理文件。](https://blog.csdn.net/qq_45152044/article/details/126052458)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [‘nvm‘ 不是内部或外部命令，也不是可运行的程序或批处理文件。](https://blog.csdn.net/weixin_50804321/article/details/128193788)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [解决淘宝cnpm 安装后cnpm不是内部或外部命令的问题](https://download.csdn.net/download/weixin_38670707/14003177)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值