nuxt安装运行npm run dev时报错解决

最新推荐文章于 2024-07-01 10:13:47 发布
最新推荐文章于 2024-07-01 10:13:47 发布
阅读量2.7k 收藏 2
点赞数 1
CC 4.0 BY-SA版权
分类专栏： 前端 文章标签： nuxt
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/txwsmsm7023_/article/details/98377038
本文详细记录了一次在Nuxt项目中遇到的babel版本不兼容问题的解决过程。作者首先尝试了直接卸载并重新安装babel，但问题依旧存在。经过深入研究，发现是由于Nuxt版本过新导致的兼容性问题。最终通过卸载当前版本的Nuxt，然后安装指定的旧版本（1.4.2），成功解决了该问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在nuxt安装完成之后，我们运行npm run dev 时会报如下的错误，查了好久都说是babel版本不兼容的问题，但是我卸载安装好几次还是失败，后来找到了一篇说是安装的nuxt版本太新会有问题，所以先卸载安装一个只之前的版本

  • 先卸载nuxt :npm uninstall nuxt
  • 安装指定版本：npm install nuxt@1.4.2
  • 再次运行 npm run dev 就可以啦
  • 以上方法不行在考虑babel版本兼容问题（差点放弃，捂脸。。。。）
【nuxt3】配置nuxtjs/i18n遇到的坑，已解决
花椒和蕊的博客
06-23 738
nuxtjs/i18n 和 vue-i18n 的关系可以总结为：@nuxtjs/i18n 是基于 vue-i18n 的 Nuxt.js 官方封装模块，专为 Nuxt 框架设计，简化了国际化配置并扩展了功能。@nuxtjs/i18n 是 Nuxt 官方基于 vue-i18n 封装的模块，专为 Nuxt 项目优化，集成路由本地化、SEO 支持、懒加载等特性。​​1、版本冲突​​：手动安装的 vue-i18n 和 @nuxtjs/i18n 内部需求的版本不匹配。在nuxt.config.js中配置。
nuxt 项目 npm run dev 启动不了
Zson_bai的博客
05-25 3776
错误日志： Microsoft Windows [版本 10.0.15063] (c) 2017 Microsoft Corporation。保留所有权利。 C:\Users\Administrator\Desktop\package\pc>npm run dev > jihe@1.0.0 dev C:\Users\Administrator\Desktop\package\pc > nuxt npm ERR! code ELIFECYCLE npm ERR! errno 32212
nuxt.js写项目时增加错误提示页面操作
01-21
为项目增加错误提示页面，比如后端接口没有数据或接口报错的时候，如果不增加错误提示页面的话，那接口报错的信息就会在页面中显示，这显然不利于用户体验。 实际操作过程中，可能因为各种原因无法显示正确的返回页面，比如本身这篇文章的id不存在，或者网络请求问题，这时候就需要一个错误展示页用来提示用户； nuxt.js官方也有错误提示页面的写法：传送门-> 官方错误提示页面的写法 此项目中的错误提示页面是放在layouts目录中： layouts中的error.vue页面内容为： <h1 class=error v-if=err
NUXT.JS. npm run dev 报错：Error: error:0308010C:digital envelope routines::unsupported
weixin_39475476的博客
04-25 2149
问题分析 情况一 参考：error:0308010C:digital envelope routines::unsupported - 简书 error:0308010C:digital envelope routines::unsupported 出现这个错误是因为 node.js V17版本中最近发布的OpenSSL3.0, 而OpenSSL3.0对允许算法和密钥大小增加了严格的限制，可能会对生态系统造成一些影响. 在node.js V17以前一些可以正常运行的的应用程序,但是在 V17 版本可能会
nuxt npm run dev 报错Solution to the "Error: listen EADDRINUSE 127.0.0.1:8080"
weixin_30451709的博客
04-23 208
Solution to the "Error: listen EADDRINUSE 127.0.0.1:8080" Hello, Just sharing a solution to the errors below, when you run "npm start" and a port is already in use: Error: listen EADDRINUSE 127.0...
安装好nuxt.js运行npm run dev 报错
echo_Ae的博客
06-08 6178
/Users/hsacramento/.nvm/versions/node/v6.9.5/lib/node_modules/nuxt/lib/core/module.js:14 async ready() { ^^^^^ SyntaxError: Unexpected identifier at Object.exports.runInThisContext (vm.j...
vue init nuxt-community/koa-template nuxt-learn 安装执行npm run dev报错
luoyu19940615的博客
05-30 1371
最近在做一个基于vue的美团全栈项目，技术栈用到nuxt和koa的组合，vue init nuxt-community/koa-template nuxt-learn创建项目之后，执行npm run dev，报错 ERROR Failed to compile with 1 errors ...
npm run dev报错
rainbow8300的博客
09-28 1112
vue-cli创建的项目，运行npm run dev报错 报错信息如下： 以上是我刚学用vue-cli新建的项目，第一次运行npm run dev时，没有问题，之后再运行npm run dev,报错，报错信息如上图。 解决方案如下： 将新建项目下的build文件夹下的webpack.base.conf.js （vueName&amp;gt;build&amp;gt;webpack.base.conf...
npm run dev 运行后报错
xuemeizeng的博客
11-12 1169
webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 10% building modules 1/1 modules 0 activeevents.js:183 throw er; // Unhandled ‘error’ event ^ Error: listen EADDRNOTAVAIL 192....
npm run dev 和 npm run serve
qq_44075328的博客
06-01 7449
当你在开发模式下运行应用程序时，这个命令会编译和打包应用程序的代码，并启动一个本地开发服务器，以便你可以在浏览器中预览应用程序并进行调试。当你在开发模式下运行应用程序时，这个命令会编译和打包应用程序的代码，并启动一个本地开发服务器，以便你可以在浏览器中预览应用程序并进行调试。在这个配置中，"serve" 命令会运行 "react-scripts start" 或 "ng serve" 命令，该命令会启动本地开发服务器。在这个配置中，"dev" 命令会运行 "nuxt" 命令，该命令会启动本地开发服务器。
nuxt3 npm run dev 别人无法访问本地连接
最新发布
lmn_storyteller的博客
07-01 548
在配置文件（nuxt.config.ts）中配置本地访问连接。复制之后， 要在同一个网络中才能访问哦。这种只能本地 localhost访问。
nginx 部署 vue 项目找不到js css文件的解决方法
01-11
很多时候 npm run build 之后， index.html 文件中webpack 自动插入的 js 文件 css 文件的相对目录总是不对，发布到服务器上之后，nginx 找不到文件。 vue-cli@3 在 vue-cli@3 中你需要为你 webpack 插入到 index.html 中 的所有文件添加一个 baseUrl. 你需要在项目的根目录新建一个 vue.config.js, 添加如下内容： ... module.exports = { baseUrl: isProd ? '/baseXXX/' : '/', .... } 这里需要注意的是 dev 环境下不需
vue运行命令npm run dev问题的解决方法
蜗牛快爬
04-16 8063
错误信息如下： “C:\Program Files\nodejs\node.exe” “C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js” “run” “dev” 网上查了好多，大多数让重装什么的，本人比较谨慎，而且npm,node都正常，没理由去为了满足一个项目而重装整个环境，万一影响其他就废了。 功夫不负有心人，搜了好多帖子，终于...
Vue安装nuxt报错:Command failed.
隔壁的橘猫的博客
12-21 1036
我这个问题是安装nuxt出现的:yarn global add create-nuxt-app 出现这种问题 建议把nodejs,Vue全卸载了 环境变量全部重新配一遍. 本人全卸载了重新配的问题决解了
服务端渲染nuxt 基础
weixin_46267084的博客
11-09 397
传统的服务端渲染 搜索引擎通过程序获取指定的网页内容（获取得到网页结构的字符串） 客户端渲染 内容是通过解析执行js获取到网页内容，不利于SEO 客户端渲染的缺点 首屏渲染慢 不利于SEO Nuxt.js的使用方式 1.使用nuxt初始化一个项目 2.已有的Node.js服务端项目 直接把Nuxt.js当作一个中间件集成到Node Web Server中 3.现有的Vue项目更改 1.创建目录 2.新建package.js文件，配置启动命令 dev：“nuxt” 3.安装nuxt npm ..
尚硅谷_在线教育_Nuxt整合错误
weixin_41673606的博客
10-13 1127
直接引用vue-front-1010 模板，执行npm run dev时报错。 ERROR in ./.nuxt/client.js friendly-errors 20:20:03 Module build failed (from ./node_modules/babel-loader/lib/index.js):
Nuxt3稳定版+naive-ui项目开发
qq_38661597的博客
12-29 4606
nuxt3稳定版+naive-ui项目构建,ssr,nuxt3的使用，nuxt.config的配置，nuxt环境变量的配置 ，nuxt数据请求的封装，api的统一管理。naive-ui在ssr下的使用
记一次nuxt 坑
qq_43128835的博客
12-21 251
首次使用 nuxt 创建项目: 使用命令创建项目 npm init nuxt-app <project-name> 根据提示选择对应的配置后 使用 npm run dev 启动报错 ： Error: listen EADDRNOTAVAIL 172.17.X.XX:3000 解决方案： 需要在 package.json 中配置 "config": { "nuxt": { "host": "0.0.0.0", "port": 3000 } } .
Nuxt3: 强制删除__NUXT_DATA__的一种方式
q1003675852的博客
06-26 1488
本文记录Nuxt3: 强制删除__NUXT_DATA__的一种方式，只在开发环境中验证，仅供参考。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值