主页 / coding / 问题 / 79583890
Accepted
d-fws
Asked: 2025-04-21 08:37:06 +0800 CST

将脚本安装到 Nuxtjs 3 + Tailwind 项目中引发错误

  • 772

我有一个使用 Tailwind CSS 的 Nuxtjs 项目，该项目在构建时一直在本地运行，yarn dev直到今天我安装了 Nuxt Scripts，试图按照此处的文档让 YouTube 嵌入运行：https://scripts.nuxt.com/scripts/content/youtube-player

但是，安装npx nuxi@latest module add scripts并npm add -D @types/youtube运行后npm audit fix，我的项目不再构建。

我甚至不确定如何开始调试这个问题，但是我遇到了两个错误：

1：开启yarn build或yarn dev

 ERROR  Nuxt Build Error: [@tailwindcss/vite:generate:build] Missing field negated on ScannerOptions.sources                            nuxi 4:10:09 p.m.  
file: [ROOT]/assets/main.css

    at C.generate (/[ROOT]/node_modules/@tailwindcss/vite/dist/index.mjs:1:4303)
    at async Object.transform (/[ROOT]/node_modules/@tailwindcss/vite/dist/index.mjs:1:2354)
    at async transform (/[ROOT]/node_modules/rollup/dist/es/shared/node-entry.js:20906:16)
    at async ModuleLoader.addModuleSource (/[ROOT]/node_modules/rollup/dist/es/shared/node-entry.js:21119:36)
  1. 在 VS Code 中，我在 nuxt.config.ts 上收到错误：
Object literal may only specify known properties, and 'app' does not exist in type 'InputConfig<NuxtConfig, ConfigLayerMeta>'.

请注意，如果我删除“app”，我会得到同样的错误，但对于文件中的下一个节点。

谢谢。

npm

1 个回答

  1. Best Answer

    问题是由于使用了yarn和npm和，导致清单相互冲突npx。解决方法：

    1. 删除node_modules和package-lock.json（因为我有一个yarn.lock）
    2. 跑步yarn install

    该项目目前正在本地重新构建和运行。

    • 0

相关问题