弃用警告:旧版 JS API 已弃用,并将在 Dart Sass 2.0.0 中删除。在运行 vitest 时

问题描述 投票:0回答:1

vitest.config.js:

import { defineConfig, mergeConfig } from 'vitest/config'

import viteConfig from './vite.config'

export default mergeConfig(
    viteConfig,
    defineConfig({
        test: {
            globals: true,
            environment: 'jsdom',
            setupFiles: './vitest.setup.ts',
            css: {
                preprocessorOptions: {
                    scss: {
                        api: 'modern-compiler',
                    },
                },
            },
        },
    }),
)

vite.config.ts

import react from '@vitejs/plugin-react'
import * as path from 'node:path'
import { defineConfig } from 'vite'
import dynamicImport from 'vite-plugin-dynamic-import'

// https://vitejs.dev/config/
export default defineConfig({
    plugins: [react(), dynamicImport()],
    resolve: {
        alias: {
            app: path.resolve(__dirname, './src', 'app'),
            pages: path.resolve(__dirname, './src', 'pages'),
            widgets: path.resolve(__dirname, './src', 'widgets'),
            features: path.resolve(__dirname, './src', 'features'),
            entities: path.resolve(__dirname, './src', 'entities'),
            shared: path.resolve(__dirname, './src', 'shared'),
        },
    },
    build: {
        rollupOptions: {
            output: {
                entryFileNames: `assets/[name].[hash].js`,
                chunkFileNames: `assets/[name].[hash].js`,
                assetFileNames: `assets/[name].[hash].[ext]`,
            },
        },
    },
    css: {
        preprocessorOptions: {
            scss: {
                api: 'modern-compiler', // or "modern"
            },
        },
    },
})

测试已完成,但控制台中出现许多警告。我无法解决这个问题。请帮助我

screen errors in console

我尝试过以不同的方式更改配置,编写 gpt,阅读文档 vite 和 vitest,没有什么帮助。请帮我 运行测试时完全出错,运行开发时没有任何错误

javascript vite vitest
1个回答
0
投票

找到决心。删除vite vitest sass,重新安装。并更新了 vite 配置:

export default defineConfig({
    css: {
        preprocessorOptions: {
            scss: {
                api: 'modern',
            },
        },
    },
    test: {
        globals: true,
        environment: 'jsdom',
        setupFiles: './vitest.setup.ts',
    },
})

vitest 配置已删除

© www.soinside.com 2019 - 2024. All rights reserved.