vue3.0运行npm run dev 报错Cannot find module node:url

这篇具有很好参考价值的文章主要介绍了vue3.0运行npm run dev 报错Cannot find module node:url。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

vue3.0运行npm run dev 报错Cannot find module

问题背景

近期用vue3.0写项目,npm init vue@latest —> npm install 都正常,npm run dev的时候报错如下:

failed to load config from F:\code\testVue\vue-demo\vite.config.js
error when starting dev server:
Error: Cannot find module 'node:url'
Require stack:
- F:\code\testVue\vue-demo\vite.config.js
- F:\code\testVue\vue-demo\node_modules\vite\dist\node\chunks\dep-bb8a8339.js
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:880:15)

问题分析

因为使用的node版本是14.15.1低于15.0.0导致,安装node版本等于或者大于15.0.0版本,然后npm run dev即可。

问题解决

不同的环境,对nodejs版本的要求不一样,我们可以使用nvm工具,管理和切换node.js的版本。

(1)nvm下载:https://nvm.uihtm.com/

(2)nvm命令提示

nvm arch:显示node是运行在32位还是64位。
nvm install <version> [arch] :安装node, version是特定版本也可以是最新稳定版本latest。可选参数arch指定安装32位还是64位版本,默认是系统位数。可以添加--insecure绕过远程服务器的SSL。
nvm list [available] :显示已安装的列表。可选参数available,显示可安装的所有版本。list可简化为ls。
nvm on :开启node.js版本管理。
nvm off :关闭node.js版本管理。
nvm proxy [url] :设置下载代理。不加可选参数url,显示当前代理。将url设置为none则移除代理。
nvm node_mirror [url] :设置node镜像。默认是https://nodejs.org/dist/。如果不写url,则使用默认url。设置后可至安装目录settings.txt文件查看,也可直接在该文件操作。
nvm npm_mirror [url] :设置npm镜像。https://github.com/npm/cli/archive/。如果不写url,则使用默认url。设置后可至安装目录settings.txt文件查看,也可直接在该文件操作。
nvm uninstall <version> :卸载指定版本node。
nvm use [version] [arch] :使用制定版本node。可指定32/64位。
nvm root [path] :设置存储不同版本node的目录。如果未设置,默认使用当前目录。
nvm version :显示nvm版本。version可简化为v。

(3)安装node.js版本

1)nvm list available 显示可下载版本的部分列表

vue3.0运行npm run dev 报错Cannot find module node:url,前端开发,npm,前端,node.js

2)nvm install 16.19.0 安装指定版本(nvm install latest安装最新版本 )

注意:命令行切换(注意:请切换国内镜像后再安装node版本,否则会很慢)
阿里云镜像

nvm npm_mirror https://npmmirror.com/mirrors/npm/
nvm node_mirror https://npmmirror.com/mirrors/node/

3)安装完成后,查看已安装版本

nvm list
vue3.0运行npm run dev 报错Cannot find module node:url,前端开发,npm,前端,node.js

4)切换node版本

nvm use 16.19.0
vue3.0运行npm run dev 报错Cannot find module node:url,前端开发,npm,前端,node.js

3)重新运行npm run dev,成功运行vue3项目
vue3.0运行npm run dev 报错Cannot find module node:url,前端开发,npm,前端,node.js

vue3.0运行npm run dev 报错Cannot find module node:url,前端开发,npm,前端,node.js文章来源地址https://www.toymoban.com/news/detail-717158.html

到了这里,关于vue3.0运行npm run dev 报错Cannot find module node:url的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • reify:rxjs: timing reifyNode:node_modules/@vue/cli/node_modules——————npm run dev报错-npm初始化错误

    金钱不够,全靠技术 原因是网络问题 2种解决方法 重新输入,多试几次就好了 可以尝试换个镜像 如果是淘宝镜像,建议前者,其他镜像的可以试试换换 如果还不行试试,官方镜像 当时的效果图以后再补上 效 果 图 下回补上效果图 尝试换个新文件夹试试,作者换个文件夹就

    2024年02月16日
    浏览(34)
  • yarn run serve报错Error: Cannot find module ‘@vue/cli-plugin-babel‘ 的解决办法

    关于这个问题,是在构建前端工程的时候遇到的,项目构建完成后,“yarn run serve”启动项目时,出现的问题:“  Error: Cannot find module ‘@vue/cli-plugin-babel‘  ” 如下图: 具体信息如下: 根据错误信息提示,在本地环境中没有找到组件“ @vue/cli-plugin-babel ” , 直接在本地安装

    2024年01月22日
    浏览(41)
  • 【VUE】npm打包报错 Syntax Error: Error: Cannot find module ‘imagemin-gifsicle‘

    npm run build 报错,报错如下 原因 这个错误消息显示缺少了 imagemin-gifsicle 模块,而它是 image-webpack-loader 的依赖项,导致构建失败。 解决 (1)方法一 (2)方法二 卸载已有的image-webpack-loader,用 cnpm 重新安装 报错信息如下 原因 这个错误信息显示您当前安装的 Vue.js 版本与 v

    2024年02月15日
    浏览(35)
  • vue运行报错Error: Cannot find module ‘@vue/cli-plugin-babel‘

    今天将VUE项目迁移到新的电脑上,配置不一样,导致报错: Error: Cannot find module \\\'@vue/cli-plugin-babel\\\' Require stack: - D:WWWVUExxxxxxnode_modules.store@vue+ cli-service@5.0.8- D:WWWVUExxxxxxnode_modules.store@vue+cli-service@5.0.8node_modules@vuecli-servicelibService.js - D:WWWVUExxxxxxnode_modules.store@vue+

    2024年01月19日
    浏览(41)
  • webstorm vue3+ts报错:Cannot find module ‘@/views/xxx.vue‘ or its corresponding type declarations

    意思是说找不到对应的模块“@/views/xxx.vue”或其相应的类型声明 因为ts只能解析 .ts 文件,无法解析 .vue文件 解决方法很简单,一开始的时候env.d.ts是空文件,我们可以在项目的env.d.ts中引入如下代码: 加入上面的代码,就不报错了。

    2024年02月11日
    浏览(55)
  • npm 报错 Error: Cannot find module ‘semver‘的解决方法

    执行npm install报错 解决方案 重装node.js 然后到以下文件夹删除相关残留文件: 进入 /usr/local/lib 删除所有 node 和 node_modules文件夹 进入 /usr/local/include 删除所有 node 和 node_modules 文件夹 进入 /usr/local/bin 删除 node 的可执行文件 然后就删除干净了 为了安装最新版nodejs,先提前安装

    2024年02月12日
    浏览(42)
  • 小程序运行npm run dev:mp-weixin报错问题

    今天在webstorm上打开小程序运行npm run dev:mp-weixin时报了如下错误 错误是: 错误原因是低版本的node不支持??运行符 解决方法:将node的版本升到14及以上即可

    2024年02月15日
    浏览(48)
  • vue项目 ‘npm run dev‘ 报错 npm ERR! errno 134

    npm ERR! errno 134 表示 npm 执行出现了致命错误,通常是由于内存不足或程序崩溃导致的。 这时需要我们分配更多的内存给 vue-cli-service serve npm install increase-memory-limit cross-env increase-memory-limit 用于增加脚本的内存限制。脚本在执行过程中可能会消耗大量的内存,当内存被耗尽时会

    2024年02月11日
    浏览(44)
  • 安装puppeteer运行报错Cannot find module ‘puppeteer‘

    安装puppeteer后运行网上的例子 结果报错 Cannot find module ‘puppeteer’ 我是全局安装的 npm install -g puppetteer 后面经过百度参考了puppeteer 安装 js ts的这篇博客,有详细的解决过程,他说要将模块安装到项目目录下,我尝试后确实可以正常使用

    2024年02月07日
    浏览(39)
  • Vue报错 Cannot find module ‘../../modules/es6.symbol‘解决办法

    在进行webpack打包的时候,会出现Cannot find module \\\'XXX’的错误,找不到某个模块的错误,今天给出解决方法: 直接进行npm install重新打包; 如果npm install重新打包之后,仍然出现这个问题,可以进行删除node_modules文件夹,同时清除缓存,如下命令: 如果以上方法依然不奏效,那

    2024年01月18日
    浏览(42)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包