Nuxt.config.ts:模块'"nuxt"'没有导出的成员'定义Nuxt

Question

我创建了一个Nuxt 3项目，我的Nuxt.config.ts看起来像这样：

export default defineNuxtConfig({
css: ['vuetify/lib/styles/main.sass'],
build: {
transpile: ['vuetify'],
},
vite: {
define: {
'process.env.DEBUG': false,
},
},
ssr: false 

})

这个和那个一起工作。

但我想使用.env变量，所以我读到我需要添加：

env: {
baseUrl: process.env.BASE_URL
},

当我把它添加到nuxt.config.ts中时；ssr"；，我得到错误：

"对象文字只能指定已知的属性，并且类型"NuxtConfig"中不存在"env"；

所以我读到大多数人都导入了defineNuxtConfig，所以我想把它添加到我的文件中：

import { defineNuxtConfig } from "nuxt";
export default defineNuxtConfig({
css: ['vuetify/lib/styles/main.sass'],
build: {
transpile: ['vuetify'],
},
vite: {
define: {
'process.env.DEBUG': false,
},
},
env: {
baseUrl: process.env.BASE_URL
},

ssr: false 
})

但现在我有一个错误"；模块"；nuxt"没有导出的成员"defineNuxtConfig"；

有什么想法吗？：D

Answer 1

nuxt包已更改。你需要更换这个

import { defineNuxtConfig } from "nuxt";

用这个

import { defineNuxtConfig } from "nuxt/config"

Answer 2

尝试运行nuxt build

我也遇到了类似的错误，但只是因为我搞砸了.nuxt(正在排除其他问题)。运行nuxt build清除了一切。