前端启动报错解决, Cannot find module ‘@vue/babel-plugn-transform-vue-jsx‘

最新推荐文章于 2024-04-18 14:59:43 发布
最新推荐文章于 2024-04-18 14:59:43 发布
阅读量9.5k 收藏 1
点赞数 1
分类专栏： java 文章标签： 前端 vue.js npm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48459555/article/details/120966444
版权

第一步:cnpm install或者yarn install,当前所有命令必须当前工程目录下进行，目录结构如下：
在这里插入图片描述
第二步: 在控制台输入命令：npm run dev，控制台打印出如下画面，恭喜表示本项目启动成功拉。
在这里插入图片描述
第三步:启动报错
在这里插入图片描述
第四步: 解决方案:

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

嘟嘟鹏
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
eslint-import-resolver-babel-module：babel-plugin-module-resolver的自定义eslint解析
01-30
eslint导入解析器-babel模块 用于解析器 安装 npm install --save-dev eslint-plugin-import eslint-import-resolver-babel-module 用法 在您的.eslintrc文件中，将此解析器传递给eslint-plugin-import ： "settings": { "import/resolver": { "babel-module": {} } } 并查看以了解如何配置别名。 例 { " extends " : " airbnb " , " rules " : { " comma-dangle " : 0 }, " settings " : { " import/resolver " : { " babel-module " : {} } } } 执照 麻省理工学院，有关详细信息，请参阅 。
vue项目报 Cannot find module ‘@vue/babel-plugin-transform-vue-jsx‘
热门推荐
吴广智的博客
06-22 1万+
今日在npm启动项目的时候，启动完成后报Cannot find module ‘@vue/babel-plugin-transform-vue-jsx’ 解决方案 npm install @vue/babel-plugin-transform-vue-jsx
Syntax Error: Error: Cannot find package ‘@vue/babel-plugin-transform-vue-jsx‘ imported from D:\code
最新发布
qq_33240556的博客
04-18 423
语法错误：错误：无法从 D:\codeNew\mall\mall-admin-ui\babel-virtual-resolve-base.js 寻找导入的包 ‘@vue/babel-plugin-transform-vue-jsx’。对于使用Vue CLI创建的项目，请确认该插件被CLI正确引用并加载。这个错误信息表明在构建Vue.js项目的过程中，系统试图在D盘下的指定目录下找到并使用名为。如果你在修改这些配置时正在运行开发服务器，请重启服务器以确保新的配置生效。的包，但是未能成功定位到该包。
plugin-babeljsx:使用Babel.js的SystemJS的JSX插件
05-15
插件jsx 使用Babel.js的SystemJS的JSX插件 使用jspm install jsx=github:zcregan/plugin-babeljsx
babel-plugin-transform-vue-jsx:vue 2.0 jsx的babel插件
05-02
babel-plugin-transform-vue-jsx Vue 2.0 JSX的Babel插件 Babel相容性说明 如果使用Babel 7，请使用4.x 如果使用Babel 6，请使用3.x 要求 假设您将Babel与模块捆绑器（例如Webpack）一起使用，因为扩展合并帮助器已作为模块导入以避免重复。 这与babel-plugin-transform-react-jsx 。 用法 npm install\ babel-plugin-syntax-jsx\ babel-plugin-transform-vue-jsx\ babel-helper-vue-jsx-merge-props\ babel-preset-env\ --save-dev 在您的.babelrc ： { " presets " : [ " env " ], " plugin
babel-errors：Babel更好的错误消息
01-31
巴别错误 Babel的更好错误消息 import createBabelFile from 'babel-file' ; import { BabelError , prettyError , buildCodeFrameError } from 'babel-errors' ; const file = createBabelFile ( ... ) ; let path = file . path ; let { line , column } = path . loc . start ; throw prettyError ( createErrorWithLoc ( 'Error at this position' , line , column ) ) ; throw buildCodeFrameError ( path , 'Error with this Path' ) ; createErrorWithLoc(message, line, column) 这使您可以将位置信息添加到错误中。 wrapErrorWithCodeFrame(err) 当捕获Babel抛出
前端启动项目的时候报错误: Error: Cannot find module ‘babel-plugin-transform-vue-jsx‘。
Slpyy的博客
12-02 4641
启动报错
提示 Cannot find module ‘@vue/babel-plugin-transform-vue-jsx‘
levi_work的博客
08-24 3746
./src/main.js Module build failed (from ./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js): Error: Cannot find module '@vue/babel-plugin-transform-vue-jsx' Require stack: 解决方案 npm install @vue/babel-plugin-transform-.
vue npm启动报错-解决
JavaPub
05-14 1261
文章目录异常解决 异常 PS E:\myworkpace\pub-admin-vue> npm run dev > [email protected] 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\confi
Cannot find module ‘babel-plugin-‘ from
weixin_42455970的博客
04-18 736
“babel-plugin-syntax-jsx”: “^6.18.0”, “babel-plugin-transform-runtime”: “^6.22.0”, “babel-plugin-transform-vue-jsx”: “^3.5.0”, 在package.json中devDependencies里面 加入上面那三个 在 npm/cnpm install do
vue打包报错Error: Cannot find module ‘babel-plugin-transform-remove-console‘
weixin_43276017的博客
04-27 4476
原因：代码中有console语句 解决：在vue ui中搜索babel-plugin-transform-remove-console安装依赖或者用npm安装
jsx-next:JSX for Vue 3
03-19
适用于Vue 3.0的Babel插件JSX 添加Vue JSX支持。 English | 安装 使用以下命令安装插件： npm install @vue/babel-plugin-jsx -D 然后将插件添加到.babelrc中： { "plugins" : [ "@vue/babel-plugin-jsx" ] } 用法 选项 transformOn 类型： boolean 默认值： false 转换on: { click: xx }为onClick: xxx 优化 类型： boolean 默认值： false 是否启用优化。如果您不熟悉Vue 3，则不建议启用它。 isCustomElement 类型：（ (tag: string) => boolean 默认值： undefined 配置自定义元素 mergeProps 类型： boolean 默认值： true 合并
tesseract-4.1.0.rar
04-23
1. Window10 编译 tesseract 4.1 2. 有效解决 couldn't find a matching blob 问题
vue-next-jsx:一个Babel插件，为vue3提供jsx语法
03-22
plugin-vue-next-jsx -D# oryarn add @hcysunyang/babel-plugin-vue-next-jsx -D Babel配置{ " presets " : [ " @babel/env " ], " plugins " : [ " @hcysunyang/vue-next-jsx " ]}对于打字稿用户
vite-plugin-vue2:Vite的Vue2插件
03-31
vite-plugin-vue2 用法 运行yarn add vite-plugin-vue2 --dev 将插件添加到vite.config.js // vite.config.js const { createVuePlugin } = require ( 'vite-plugin-... @vue/babel-preset-jsx 。 去做 SSR构建 源图
运行报错：Syntax Error: Error: Cannot find module ‘gifsicle‘引发的问题
weixin_48420104的博客
04-25 1504
项目运行报错，image-webpack-loader问题，删除重新下载，重复报错说明缓存没删清楚
Syntax Error: Error: Cannot find module ‘less‘
璐先生的博客
09-24 5096
问题：Syntax Error: Error: Cannot find module ‘less’ 原因：less-loader安装版本与less不匹配 多注意安装时候的警告，能避免此问题 安装时有提示，必须安装对应的less版本配合使用 解决：安装对应版本（以后多注意警告） ...
Syntax Error: Error: Cannot find module ‘@vue/babel-preset-app‘
大小先生
11-26 9016
报错信息 Syntax Error: Error: Cannot find module '@vue/babel-preset-app' 解决方式 npm i @vue/babel-preset-app -D
npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: [email protected] npm ERR! Found: [email protected] npm ERR! node_modules/vue npm ERR! peerOptional vue@"*" from @vue/[email protected] npm ERR! node_modules/@vue/babel-preset-jsx npm ERR! @vue/babel-preset-jsx@"^1.0.0" from @vue/[email protected] npm ERR! node_modules/@vue/babel-preset-app npm ERR! @vue/babel-preset-app@"^3.12.1" from @vue/[email protected] npm ERR! node_modules/@vue/cli-plugin-babel npm ERR! dev @vue/cli-plugin-babel@"^3.10.0" from the root project npm ERR! vue@"^2.7.14" from the root project npm ERR! 1 more (vuex) npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer vue@"^3.2.0" from [email protected] npm ERR! node_modules/vue-router npm ERR! vue-router@"^4.2.1" from the root project npm ERR! npm ERR! Conflicting peer dependency: [email protected] npm ERR! node_modules/vue npm ERR! peer vue@"^3.2.0" from [email protected] npm ERR! node_modules/vue-router npm ERR! vue-router@"^4.2.1" from the root project npm ERR! 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. npm ERR! npm ERR! npm ERR! For a full report see: npm ERR! C:\Users\11833\AppData\Local\npm-cache\_logs\2023-05-29T06_00_03_754Z-eresolve-report.txt npm ERR! A complete log of this run can be found in: C:\Users\11833\AppData\Local\npm-cache\_logs\2023-05-29T06_00_03_754Z-debug-0.log
05-30
解决此问题的方法之一是将您的项目中的 Vue 版本升级到 3.2.0 或更高版本。您可以使用以下命令安装特定版本的 Vue： ``` npm install [email protected] ``` 如果您需要使用 Vue 2.x 的某些功能，您可以尝试使用 vue2-...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值