centos7运行vue项目问题汇总

这篇博客介绍了如何处理npm安装时遇到的错误提示'This is probably not a problem with npm'。步骤包括重新安装npm、清理缓存、使用cnpm以及针对特定错误'Error: Cannot find module 'core-js/modules/es6.regexp.constructor''的解决方案。通过这些步骤,读者可以解决Node.js开发中常见的依赖安装问题。

一、node踩坑之This is probably not a problem with npm. There is likely additional logging output above.错误

解决步骤:
1.可能由于种种版本更新的原因需要执行
npm install

2.重新安装一次,如果还是不可以的话,在把之前装的都清空,执行如下命令:
rm -rf node_modules
rm package-lock.json
npm cache clear --force
npm install 或npm install --unsafe-perm
如果npm使用报错,请使用
cnpm install
执行此命令需要先安装淘宝cnpm才能使用cmpn命令:
npm install -g cnpm --registry=https://registry.npm.taobao.org

3.如果安装cnpm依赖时报Error: Cannot find module ‘core-js/modules/es6.regexp.constructor’
请执行如下命令:
cnpm install core-js@2

### 配置和运行 Vue.js 项目CentOS 系统 #### 安装 Node.js 和 NPM 为了在 CentOS 上成功运行 Vue.js 项目,首先需要安装 Node.js 及其包管理工具 NPM。可以通过以下命令完成: ```bash curl -fsSL https://rpm.nodesource.com/setup_18.x | bash - yum install -y nodejs ``` 这一步骤会设置 NodeSource 的存储库并安装最新版本的 Node.js[^3]。 #### 创建软链接以便全局调用 vue 命令 一旦 Node.js 被正确安装,在某些情况下可能还需要创建一个软链接来确保 `vue` CLI 工具可以在任何地方被调用: ```bash ln -s /usr/local/nodejs/bin/vue /usr/bin/vue ``` 此操作允许通过简单的 `vue` 命令访问 Vue CLI 工具。 #### 初始化或克隆 Vue.js 项目 如果尚未拥有一个现成的 Vue.js 项目,则可以使用 Vue CLI 来初始化一个新的项目或者从远程仓库克隆已有的项目。假设已经有一个项目存在,将其复制到服务器上的适当位置即可。 #### 启动 Vue 应用程序开发服务 进入项目的根目录之后,可利用如下命令启动本地开发服务器以测试应用功能是否正常工作: ```bash npm run serve ``` 该指令会在默认端口 (通常是 :8080 或其他指定端口) 开启一个实时重新加载的服务用于调试目的[^1]。 #### 安装 Nginx 并配置反向代理支持生产环境下的 Vue.js 应用 对于生产环境中部署 Vue.js 单页应用程序(SPA),推荐使用 Web Server 如 Nginx 提供静态文件托管以及处理前端路由请求的功能。以下是具体步骤: ##### 添加官方 Nginx YUM 源 执行下面两步添加 Nginx 到系统的软件源列表里去: ```bash rpm -Uvh http://nginx.org/packages/centos/7/noarch/RPMS/nginx-release-centos-7-0.el7.ngx.noarch.rpm ``` 接着更新一下缓存并正式安装它: ```bash yum install -y nginx ``` 启用自启动机制并且立即开启服务进程: ```bash systemctl start nginx.service systemctl enable nginx.service ``` 此时应该能看到标准欢迎页面证明基本安装无误[^2]。 ##### 修改 Nginx 默认站点配置适应 Vue SPA 特性 编辑 `/etc/nginx/conf.d/default.conf` 文件调整为适合单页面应用的形式,比如这样一段典型的例子: ```nginx server { listen 80; server_name localhost; root /path/to/your/dist; # 替换成实际编译后的 dist 文件夹路径 location / { try_files $uri /index.html; } error_page 500 502 503 504 /50x.html; } ``` 保存更改后重启 Nginx 让新设定生效: ```bash systemctl restart nginx.service ``` 最后记得构建一次完整的 Vue.js 生产版资源放到上述定义好的目录下(`dist`),通常做法是在项目根目录执行 `npm run build` 就能生成所需的静态资产。 ---
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值