vscode里面运行vue项目遇到的问题

最新推荐文章于 2024-02-05 17:42:34 发布
最新推荐文章于 2024-02-05 17:42:34 发布
阅读量1.1k 收藏 2
点赞数
分类专栏： 错误笔记 文章标签： vue nodejs
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44179024/article/details/119812224
版权

1、下载依赖时： npm install

可能出现权限问题
首先设置vscode以管理员身份打开
也可以直接设置属性

这个时候还报错
npm ERR! code ERESOLVE
npm ERR!
npm ERR! Found: @babel/core@7.0.0
npm ERR! node_modules/@babel/core

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.

2、改用cnpm install

报错
cnpm : 无法加载文件 D:\soft\nodejs\node_global\cnpm.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.
com/fwlink/?LinkID=135170 中的 about_Execution_Policies。

vscode终端设置： set-ExecutionPolicy RemoteSigned

最终运行成功
在这里插入图片描述

3、最后 npm run 启动项目

大只兔
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vscode新建一个最简单的vue项目
09-27
vscode新建一个最简单的vue项目
VSCode搭建Vue项目的方法
10-15
主要介绍了VSCode搭建Vue项目的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
彻底解决jest-babel报错：Requires Babel "^7.0.0-0", but was loaded with "6.26.3".
weixin_34210740的博客
11-16 2192
2019独角兽企业重金招聘Python工程师标准>>> ...
修改vue编译运行时本地端口号
weixin_46353030的博客
08-25 678
vue编译运行时的默认端口号是8080，我需要将他改为8083，以下方法适用于Vue3.x版本。 修改方法 在项目根目录下创建一个vue.config.js，内容如下： module.exports = { devServer: { port: 8083, // 端口号 } }; Vue2.x版本修改方法 Vue开发环境中修改端口号 ...
npm install安装依赖包报错：Fix the upstream dependency conflict, or retry npm ERR! this command with --force
最新发布
Gjing_123的博客
02-05 1531
npm install安装依赖包报错：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 install报错 npm ERR! 的四种解决办法
热门推荐
zzq00zzj的博客
10-18 16万+
整理了自己在安装过程中碰到的三种npm ERR及解决方式 错误一、 npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\nanyi\AppData\Roaming\npm-cache_logs\2021-09-17T08_58_23_413Z-debug.l 查看错误日志，错误日志就在上面展示的C:\Users…这里 如果发现错误日志里有err mkdir 错误原因：权限不足 解决办法：关闭VsCode并以管理员权限启
npm install时遇到的问题
weixin_43825727的博客
03-10 7922
最近在分析开源项目el-admin，运行前端部分项目时，npm install遇到了bug 之前在其他项目中运行npm install都不存在该问题 E:\myprojects\el-admin\eladmin-web-master>npm install npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! Found: @babel/core@7.0.0 npm E
修改Vue项目运行的IP和端口
见证自己学习,成长的记录
02-09 6877
我们在使用VsCode启动Vue项目的时候，我发现：默认的端口号好像和tomcat一样，默认都是8080，如果8080被占用了，就会使用8081,8082这样的方式以此类推。那么，我们是否可以像后端一样，通过修改port属性的方式达到修改运行端口的方式呢？其实还是很简单的。这个vue.config.js和springboot的application配置文件是一个道理，需要修改项目什么东西就直接在里面改。注意语法就好啦！以后遇到其他的配置语法，会持续更新！
vue 前端项目启动 异常
shmilyhq的博客
08-06 1563
最近在分析开源项目vue，运行前端部分项目时，npm install遇到了bug。这样子重新启动项目就可以啦。
关于npm全局安装@babel/core，找不到包，解决
qq_42748190的博客
07-02 5401
正常流程如下： npm install -g@babel/core const parser = require("@babel/parser"); 一切看似没啥问题，但是偏偏找不到。 测试安装其他包，例如： npm install -g express const express= require("express");可以找到 但是在本地安装@babel/core，导入却没问题。 归根结底发现，全局安装@babel/core和本地安装@babel/core是有区别的。 我的电脑如下..
vscode无法识别vue文件的问题
m0_47195133的博客
11-17 1535
vscode无法识别vue文件的问题
Can‘t resolve ‘vue/types/umd‘ in ‘D:\src‘关于VUE的报错
small_hello的博客
12-22 7396
Failed to compile. ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/App.vue Module not found: Error: Can't resolve 'vue/types/umd' in 'D:\src' @ ./node_modules/babel-loader/lib!./node_modules/vue-lo.
Vue报错：Can‘t resolve
m0_57434037的博客
01-20 2万+
1.vue配置路由如果出现can not resolve“@src/test/demo”,那极有可能你的路径写错了，或者路径和上面的写重复了，检查路径 2.引用路径时，文件后缀.js/.vue什么的没有写全
详解VSCode配置启动Vue项目
10-17
主要介绍了VSCode配置启动Vue项目，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
vscode 开发Vue项目的方法步骤
12-09
Vetur : vue的文件代码高亮 Atom One Dark Theme ： 好看的代码颜色主题 Simple icon theme ：清爽文件夹主题 Prettier – code : 代码格式化 ESLint ：代码规范检查 Debugger for Chrome ：断点调试 配置 ...
vue使用echarts报错：Error: Initialize failed: invalid dom.
兔子的博客
02-23 3171
解决：因为数据返回较慢，获取接口数据写在mounted中，但是当切换页面时，dom被销毁，但是接口数据仍在等待，但是当切换页面后，接口数据返回，要渲染图表时，此时dom找不到，这个时候加一个判断就行了。bug出现：因为后端数据返回较慢，当我在数据未返回之前切换了当前页面，浏览器就会报错：未初始化dom：Error: Initialize failed: invalid dom.功能背景：使用后端返回数据渲染图表，我是在获取数据之后才渲染的图表。
node.js安装： cnpm找不到
兔子的博客
07-26 1724
安装参考文章： https://blog.csdn.net/xiaoyuer_ying/article/details/82148038 出现cnpm找不到： 在环境变量中加入添加的 node_cache 路径 系统变量Path：例如：D:\soft\nodejs\node_cache
npm版本问题
兔子的博客
08-20 1659
解决链接： https://stackoverflow.com/questions/68260784/npm-warn-old-lockfile-the-package-lock-json-file-was-created-with-an-old-version
javaweb-jsp文件中出现Unknown tag
兔子的博客
05-16 1398
前面加上 <%@ taglib prefix=“c” uri=“http://java.sun.com/jsp/jstl/core” %>
vscode无网运行vue项目
05-14
要在 VSCode 中无网运行 Vue 项目，您需要首先确保您已经安装了必要的依赖项，并将您的项目设置为可以离线运行。 以下是一些步骤，可以帮助您在 VSCode 中无网运行 Vue 项目： 1. 打开终端并进入您的项目目录。 2. 确保您已经安装了 Node.js 和 npm 。 3. 运行以下命令来安装您的项目所需的依赖项： ``` npm install ``` 4. 运行以下命令来编译您的项目： ``` npm run build ``` 5. 生成的文件将存储在 `dist` 目录中。将 `dist` 文件夹复制到您想要的位置（例如，您的 USB 驱动器）。 6. 进入 `dist` 目录并启动一个 HTTP 服务器： ``` http-server ``` 7. 您可以在浏览器中输入 `http://localhost:8080` 来访问您的应用程序。 请注意，这些步骤只是一个大体的指南，并且可能会因您的项目而有所不同。如果您遇到任何问题，请查看 Vue 文档或在社区寻求帮助。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值