Nuxt 3：找不到模块Error while requiring module @nuxt/devtools: Error: Cannot find module ‘/d/@nuxt/devtool

已于 2024-02-20 15:16:22 修改
阅读量775 收藏 8
点赞数 10
文章标签： 前端 javascript 开发语言 nuxt
于 2024-02-20 15:15:28 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhongli_/article/details/136186892
版权

Getting Started - Nuxt DevTools先看文档如何使用Nuxt DevTools，我这文档写的是我在原有nuxt3.0项目的基础上加上工具（Nuxt DevTools）的使用

文档中写道在nuxt.config.ts文件中配置devtools: { enabled: true },即可

开始只是按文案配置了nuxt.config.ts；但我在运行代码报错，在我项目中找不到模块。借鉴Nuxt3:找不到模块'C:/ProgramFiles/nodejs/node_modules/@nuxt/devtools/module.cjs'

首先直接安装 @nuxt/devtools这个是不对的，我新建的项目中测试是没有安装这个模块就可以调试的，在没有找到更优的方法我也是抱着试试的心态运行了这个代码

直接报错，告诉我工具依赖于nuxt@3.9.0以上才能使用，于是我给我的项目升级了

package.json

检查自己的nuxt版本要是nuxt@3.9.0以上的

node版本要是18.0.0以上的

做了以上的升级后跑项目成功了

这个警告的意思是Vite Node API 的 CJS 版本已弃用，在package.json文件中配置 VITE_CJS_TRACE=true

警告解决方案借鉴：The CJS build of Vite's Node API is deprecated - Stack Overflow

查看原因vite文档：Troubleshooting | Vite

继续运行项目，还是有一些小问题：ExperimentalWarning: The Fetch API is an experimental feature. This feature could change at any time
(Use `node --trace-warnings ...` to show where the warning was created)

解决方案借鉴：[ERROR] ExperimentalWarning: The Fetch API is an experimental feature · vercel · Discussion #1778 · GitHub于是我把node继续升级到18.12.0跑项目

结束，一切正常了。

zhongli_
关注
  • 10
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
tailwindcss-module:Nuxt 的 Tailwind CSS 模块
08-03
@nuxtjs/tailwindcss 带有 模块 :high_voltage: 特征 :OK_hand: 零配置启动（） :clamp: 包含 PurgeCSS 以实现最小的 CSS :high_voltage: :high_voltage: 支持Tailwind Just-In-Time :magic_wand: 包括带有postcss-nesting 的CSS嵌套 :artist_palette: 发现您的 Tailwind 颜色（见视频） :gear: 在您的应用中引用您的 Tailwind 配置 :package: 可通过Nuxt 模块扩展 :open_book: 阅读更多 快速设置 将@nuxtjs/tailwindcss依赖项添加到您的项目中 # Using npm npm install --save-dev @nuxtjs/tailwindcss # Using yarn yarn add --dev @nuxtjs/tailwindcss 添加@nuxtjs/tailwindcss到buildModules的部分nuxt.con
eslint-module：用于Nuxt.js的ESLint模块
02-05
@ nuxtjs / eslint-module 用于Nuxt.js的ESLint模块 要求 您需要确保已安装eslint >= 7 ： yarn add --dev eslint # or npm install --save-dev eslint 建立 将@nuxtjs/eslint-module依赖项添加到您的项目中 yarn add --dev @nuxtjs/eslint-module # or npm install --save-dev @nuxtjs/eslint-module 添加@nuxtjs/eslint-module的buildModules的部分nuxt.con
imagemin-module:自动优化（压缩）Nuxt.js中使用的所有图像
05-06
@ nuxtjs / imagemin 自动优化（压缩）Nuxt.js中使用的所有图像 设置 将@nuxtjs/imagemin依赖项添加到您的项目中 yarn add --dev @nuxtjs/imagemin # or npm install --save-dev @nuxtjs/imagemin 添加@nuxtjs/imagemin到buildModules的部分nuxt.config.js export default { buildModules : [ // Simple usage '@nuxtjs/imagemin' , // With options [ '@nuxtjs/imagemin' , { /* module options */ } ] ] } :warning: 如果您使用的是Nuxt <v2.9 ，则必须将模块作为de
stylelint-module:Nuxt.js的Stylelint模块
05-17
@ nuxtjs / stylelint-module Nuxt.js的Stylelint模块 要求 您需要确保已安装stylelint ： yarn add --dev stylelint # or npm install --save-dev stylelint 设置 将@nuxtjs/stylelint-module依赖项添加到您的项目中 yarn add --dev @nuxtjs/stylelint-module # or npm install --save-dev @nuxtjs/stylelint-module 添加@nuxtjs/stylelint-module的buildModules的部分nuxt.config.js export default { buildModules : [ // Simple usage '@nuxtjs/st
手动解决Cannot find module '@sentry/webpack-plugin'等问题
10-06
解决Cannot find module '@sentry/webpack-plugin'，Cannot find module '@sentry/browser'，Cannot find module '@sentry/cli'等问题。<br/> 下载后，解压后文件夹，放在vue项目的node_modules文件夹下，即可。
Vue3使用自动导入方式引入Element-plus报错：Error: Cannot find module ‘node:module‘
weixin_45732235的博客
02-24 2163
Vue3项目报错
解决前端报错 Error: Cannot find module ‘xxx‘（包含 uniapp）
卡尔特斯
05-25 6208
但是可能依然不行，这个可能是内部依赖的版本对不上，也会报内部错误。版本的问题，可能太高或太低，可以想下之前创建项目时用的。一下，这是一种方案，但是可能不行，因为可能是。2、直接手动安装一下找不到的模块。版本是多少，切到那个版本去进行。这里只列了两种，只是因为换了。安装都存在运行报错，就切回。
nuxt启动报错的解决办法
Simple__Code的博客
06-30 1198
一般来说，nuxt在安装或启动时报错，都可以通过删除node-modules和package-lock.json文件，然后重新安装来解决 但是今天我遇到一种情况，尝试以上方法一直没有效果。于是就只能乖乖的看官网的描述了。在官网，首先看到了以下的信息： 这里提示我们，最好使用版本未16或14的nodejs来安装。按照这个描述，我就去尝试了一下。最终顺利的解决了问题。
nuxt【找问题】Error: Cannot find module ‘node:util‘
最新发布
中年程序员一枚的博客
12-22 1513
真实报错过程解决
TS2307: Cannot find module ‘vant‘ or its corresponding type declarations
诉衷情の麻雀的博客
11-26 2662
用完npm 再用yarn都不行 可能是版本兼容问题 可以看到我的node_modules模块下已经安装了这个依赖 然后我在 package.json 中dependencies包的vue版本的下面 再定义vant的版本。今天在做项目的时候 需要引入vant组件库，但是按照官方的说法 需要运行 npm i vant。然后让npm帮我更新依赖安装vant。解决Vant安装却依然报错的问题。然后我安装了还是报错。
robots-module:用于robots.txt的NuxtJS模块
05-06
@ nuxtjs /机器人 Nuxt.js模块，该模块注入了中间件以生成robots.txt文件 设置 将@nuxtjs/robots依赖项添加到您的项目中 yarn add @nuxtjs/robots # or npm install @nuxtjs/robots 添加@nuxtjs/robots的modules的部分nuxt.config.js export default { modules : [ // Simple usage '@nuxtjs/robots' , // With options [ '@nuxtjs/robots' , { /* module options */ } ] ] } 使用顶级选项 export default { modules : [ '@nuxtjs/robots' ] , r
device-module:Nuxt.js模块，用于检测设备类型
04-28
@ nuxtjs /设备 该模块将指示设备类型的标志注入到上下文和组件实例中。 参见。 设置 使用yarn或npm将@nuxtjs/device添加到开发依赖项中。 yarn add --dev @nuxtjs/device # Using npm npm install -D @nuxtjs/device 将它添加到buildModules你的部分nuxt.config ： { buildModules : [ '@nuxtjs/device' , ] } 就是这样，您现在可以在应用程序中使用$device :sparkles: 标志 您可以使用这些标志来检测设备类型。 $device . isDesktop $device . isMobile $device . isTablet $device . isMobileOrTablet $device . isDesktop
nuxt-trailingslash-module:一个NuxtJS模块，该模块将301重定向到非结尾的斜杠URL
04-28
nuxt-trailingslash-module 一个NuxtJS模块，该模块将301重定向到非结尾的斜杠URL 目录 要求 npm或纱 NuxtJS 节点JS 安装 $ npm install --save nuxt-trailingslash-module // or $ yarn add nuxt-trailingslash-module 入门 添加nuxt-trailingslash-module到modules的部分nuxt.config.js 。 { modules : [ // Simple usage 'nuxt-trailingslash-module' , // With options [ 'nuxt-trailingslash-module' , { /* module options */ met
nuxt-devtools:将独立（电子）vue-devtools与nuxt一起使用
05-23
Nuxt-Devtools安装安装2个包装yarn global add @vue/devtoolsyarn add @ec-nordbund/nuxt-devtools -D 将此添加到您的nuxt.config.json中： export default { buildModules : [ "@ec-nordbund/nuxt-devtools" ] ,} ;...
gtm-module:适用于Nuxt.js的Google跟踪代码管理器模块
03-21
适用于Nuxt.js的Google跟踪代码管理器模块 :information:如果来自v1（ @nuxtjs/google-tag-manager ），请阅读v2。 设置 将@nuxtjs/gtm依赖项添加到您的项目中 yarn add @nuxtjs/gtm # or npm install @nuxtjs/gtm ...
sentry-module:NuxtJS的Sentry模块
04-27
@ nuxtjs /哨兵 模块 执照
google-fonts-module:适用于NuxtJS的Google字体模块
05-14
@ nuxtjs / google-fonts 适用于模块 特征 按名称/变体指定字体 解析头部链接到Google字体 仅创建指向Google字体的外部链接 添加预连接 添加预载 将CSS /字体下载到本地项目（无需外部资源） 将字体编码为...
mdx-module:Nuxt的MDX模块
05-13
@ nuxtjs / mdx 模块 特征将.mdx文件导入为Vue组件在.mdx文件中导入Vue组件使用MDX提供程序将Vue组件替换为markdown元素。发展克隆此存储库使用yarn安装依赖项使用yarn dev启动开发服务器执照麻省理工学院执照版权...
Error: Cannot find module 'vue-scrollto/nuxt'
04-05
Solution: 1. Make sure that you have installed the vue-scrollto package in your project. You can do this by running the following command in your terminal: ``` npm install vue-scrollto --save ``` 2. If you are using Nuxt.js, you need to install the vue-scrollto/nuxt package instead. You can do this by running the following command in your terminal: ``` npm install vue-scrollto@nuxt --save ``` 3. If you have installed the package but are still getting the error, try deleting the node_modules folder and reinstalling all dependencies by running the following commands in your terminal: ``` rm -rf node_modules npm install ``` 4. Make sure that you have imported the vue-scrollto module in your component or page. You can do this by adding the following code to your script section: ``` import VueScrollTo from 'vue-scrollto' export default { ... methods: { scrollToTop() { VueScrollTo.scrollTo('#top') } } } ``` 5. If you are still having issues, try updating your dependencies to the latest versions by running the following command in your terminal: ``` npm update ```

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值