如何解决无法导入模块“@nuxt/builder”？

Question

因此，我最近使用 .NET Core 和 Nuxt.js 前端在家里创建了一个新项目。

我知道该网站在它只是一个 Vue 应用程序时就已经运行了。在关注这篇文章后，我知道该网站在它是基本 Nuxt.js 应用程序时运行。

然后我想添加一些我们在工作中继承的 Nuxt 项目上使用的功能，但当我尝试构建它时遇到了这个错误。

 FATAL  Cannot import module '@nuxt/builder'                                                                                                  16:16:47  

  at Function.Module._resolveFilename (internal/modules/cjs/loader.js:1020:15)
  at Function.Module._load (internal/modules/cjs/loader.js:890:27)
  at Module.require (internal/modules/cjs/loader.js:1080:19)
  at n (node_modules\jiti\dist\v8cache.js:2:2472)
  at Object.<anonymous> (node_modules\webpack-dev-middleware\dist\utils\setupHooks.js:8:39)
  at Module.o._compile (node_modules\jiti\dist\v8cache.js:2:2778)
  at Object.Module._extensions..js (internal/modules/cjs/loader.js:1196:10)
  at Module.load (internal/modules/cjs/loader.js:1040:32)
  at Function.Module._load (internal/modules/cjs/loader.js:929:14)
  at Module.require (internal/modules/cjs/loader.js:1080:19)

我可以看到@nuxt/builder在工作时在我的package-lock.json文件中引用，但在package.json文件中没有引用它。

我尝试在我的家庭项目中安装“丢失”的包，但错误仍然存​​在。

从我读到的内容来看，感觉这个包以某种方式内置到 Nuxt 中，但 Nuxt 已经失去了它的功能并且找不到它。

我能做些什么来解决这个问题，因为我无法通过搜索找到涵盖此特定故障的示例，所以我被阻止了，不知道如何继续前进。我不想从头开始，而且我很想了解根本原因。

非常感谢任何帮助。

Answer 1

就我而言，我删除了 package-lock.json 和 node_modules，然后重新运行

npm 安装

npm 运行构建

Answer 2

对于那些和我处境相同的人，请批判性地思考。

如果感觉有什么不对劲，那很可能就是这样。如果可能的话，恢复您的更改，直到您的项目再次运行，然后确保测试每个添加/更改。

就我而言，我关闭了一堆设置并删除了最终不需要的包（即 webpack 和 @nuxt/builder，因为它们是 Nuxt 的一部分，正如我怀疑的那样），然后按照上述步骤操作，直到事情再次开始工作。