vue npm启动报错-解决

简介: vue npm启动报错-解决

异常

 PS E:\myworkpace\pub-admin-vue> npm run dev 

> ruoyi@3.8.2 dev
> vue-cli-service serve

 ERROR  Error: Cannot find module 'babel-plugin-transform-vue-jsx'
Require stack:
- E:\myworkpace\pub-admin-vue\node_modules\@babel\core\lib\config\files\plugins.js
- E:\myworkpace\pub-admin-vue\node_modules\@babel\core\lib\config\files\index.js
- E:\myworkpace\pub-admin-vue\node_modules\@babel\core\lib\index.js
- E:\myworkpace\pub-admin-vue\node_modules\@vue\cli-plugin-babel\index.js
- E:\myworkpace\pub-admin-vue\node_modules\@vue\cli-service\lib\Service.js
- E:\myworkpace\pub-admin-vue\node_modules\@vue\cli-service\bin\vue-cli-service.js
Error: Cannot find module 'babel-plugin-transform-vue-jsx'
Require stack:
- E:\myworkpace\pub-admin-vue\node_modules\@babel\core\lib\config\files\plugins.js
- E:\myworkpace\pub-admin-vue\node_modules\@babel\core\lib\config\files\index.js
- E:\myworkpace\pub-admin-vue\node_modules\@babel\core\lib\index.js
- E:\myworkpace\pub-admin-vue\node_modules\@vue\cli-plugin-babel\index.js
- E:\myworkpace\pub-admin-vue\node_modules\@vue\cli-service\lib\Service.js
- E:\myworkpace\pub-admin-vue\node_modules\@vue\cli-service\bin\vue-cli-service.js
    at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15)
    at resolve (node:internal/modules/cjs/helpers:108:19)
    at tryRequireResolve (E:\myworkpace\pub-admin-vue\node_modules\@babel\core\lib\config\files\plugins.js:157:9)
    at resolveStandardizedNameForRequire (E:\myworkpace\pub-admin-vue\node_modules\@babel\core\lib\config\files\plugins.js:195:19)
    at sync (E:\myworkpace\pub-admin-vue\node_modules\@babel\core\lib\config\files\plugins.js:224:12)
    at sync (E:\myworkpace\pub-admin-vue\node_modules\gensync\index.js:182:19)
    at E:\myworkpace\pub-admin-vue\node_modules\gensync\index.js:210:24
    at Generator.next (<anonymous>)
    at resolvePlugin (E:\myworkpace\pub-admin-vue\node_modules\@babel\core\lib\config\files\plugins.js:83:17)
    at resolvePlugin.next (<anonymous>)

解决

缺什么,装什么,是这个思维

npm install @vue/babel-plugin-transform-vue-jsx

如果还没解决

注意你的工程全局变量,可能是多种打包方式不兼容导致。

目录
相关文章
|
3天前
|
JavaScript 算法 前端开发
为什么npm run serve正常,npm run build就报错:digital envelope routines::unsupported
通过本文的分析,我们详细介绍了 `npm run serve`正常但 `npm run build`时报错:`digital envelope routines::unsupported`的原因及解决方案。主要从检查Node.js版本、更新依赖、检查依赖库、配置文件及环境变量等方面进行了深入探讨。希望本文能帮助开发者解决这一问题,确保项目顺利构建和部署。
22 6
|
2月前
|
JavaScript 安全 测试技术
vue封装组件发布到Npm
【10月更文挑战第17天】
|
2月前
|
缓存 JavaScript 前端开发
拿下奇怪的前端报错(三):npm install卡住了一个钟- 从原理搞定安装的全链路问题
本文详细分析了 `npm install` 过程中可能出现的卡顿问题及解决方法,包括网络问题、Node.js 版本不兼容、缓存问题、权限问题、包冲突、过时的 npm 版本、系统资源不足和脚本问题等,并提供了相应的解决策略。同时,还介绍了开启全部日志、使用替代工具和使用 Docker 提供 Node 环境等其他处理方法。
1164 0
|
3月前
|
JavaScript
使用npm,快速构建第一个vue项目
本文介绍了如何使用npm快速构建第一个Vue项目。步骤包括确保安装了Node.js并且配置了正确的环境变量,创建一个空文件夹并使用VSCode打开,通过VSCode的终端执行`npm init vue@latest`命令以初始化项目,选择默认配置即可。接着安装项目依赖并启动开发服务器,最后通过浏览器访问开发服务器提供的本地地址查看项目运行结果。文章还提供了相关代码和操作截图。
|
3月前
|
缓存 JavaScript 前端开发
8种方法解决vue创建项目报错:command failed: npm install --loglevel error
该文章提供了八种解决Vue项目创建时遇到的`command failed: npm install --loglevel error`错误的方法,包括清理缓存、更换npm源、重新安装Node.js等措施。
8种方法解决vue创建项目报错:command failed: npm install --loglevel error
|
4月前
|
缓存
成功解决:Could not resolve dependency: npm ERR! peer vue@“^3.0.2“ from vuex@4.0.2
这篇文章讨论了在使用npm安装依赖时遇到的一个常见问题,即无法解析依赖导致的"peer dependency"冲突错误。文章提供了几种解决方法,包括清除npm缓存、删除`node_modules`文件夹和`package-lock.json`文件,然后重新尝试安装,以解决版本冲突问题。
|
5月前
|
运维 Kubernetes Java
阿里云云效操作报错合集之npm包已经发布到了制品仓库,但流水线中拉取依赖时出现404错误,该如何排查
本合集将整理呈现用户在使用过程中遇到的报错及其对应的解决办法,包括但不限于账户权限设置错误、项目配置不正确、代码提交冲突、构建任务执行失败、测试环境异常、需求流转阻塞等问题。阿里云云效是一站式企业级研发协同和DevOps平台,为企业提供从需求规划、开发、测试、发布到运维、运营的全流程端到端服务和工具支撑,致力于提升企业的研发效能和创新能力。
阿里云云效操作报错合集之npm包已经发布到了制品仓库,但流水线中拉取依赖时出现404错误,该如何排查
|
5月前
|
JavaScript 开发工具
支付系统----微信支付22------初始化Vue项目,npm run serve -- -- port 8888,Vue默认打开是8888的写法
支付系统----微信支付22------初始化Vue项目,npm run serve -- -- port 8888,Vue默认打开是8888的写法
|
5月前
|
JavaScript
【解决方案】vue 项目 npm run dev 时报错:‘cross-env‘ 不是内部或外部命令,也不是可运行的程序
【解决方案】vue 项目 npm run dev 时报错:‘cross-env‘ 不是内部或外部命令,也不是可运行的程序
543 0
|
2月前
|
缓存 资源调度 JavaScript
npx与npm的差异解析,以及包管理器yarn与Node版本管理工具nvm的使用方法详解
npx与npm的差异解析,以及包管理器yarn与Node版本管理工具nvm的使用方法详解
65 0