javascript 未捕获引用错误:使用vite preview预览React时未定义要求

zzlelutf  于 2022-12-21  发布在  Java
关注(0)|答案(1)|浏览(191)

我在react项目中使用的是@vitejs/plugin-react版本3.0.0和@vitejs/plugin-react版本2.0.0。

    • 会议日期-**
import {defineConfig} from 'vite'
import react from '@vitejs/plugin-react'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [react()],
  build: {
    outDir: 'build',
  },
})

当我尝试使用vite preview命令预览网站时,出现以下错误-
未捕获引用错误:未在index.aef3ad2c.js:346:199702中定义要求,在index.aef3ad2c.js:1:142中定义要求
此外,当我试图查看错误行时,我看到-

我尝试使用npm列表crypto-js找出哪个软件包正在使用crypto-js,它返回空值,如-

我尝试删除node_modules并重新安装软件包几次,但仍然不起作用!
我也试过使用@originjs/vite-plugin-commonjs,比如-

import {defineConfig} from 'vite'
import react from '@vitejs/plugin-react'
import {viteCommonjs, esbuildCommonjs} from '@originjs/vite-plugin-commonjs'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [viteCommonjs(), react()],
  build: {
    outDir: 'build',
  },
  esbuildOptions: {
    plugins: [esbuildCommonjs(['react-s3'])],
  },
})

请帮我找出原因和可能的转机!!!

系统信息

System:
    OS: Windows 10 10.0.19044
    CPU: (8) x64 11th Gen Intel(R) Core(TM) i5-1135G7 @ 2.40GHz
    Memory: 3.31 GB / 15.79 GB
  Binaries:
    Node: 16.17.0 - C:\Program Files\nodejs\node.EXE
    npm: 8.16.0 - ~\AppData\Roaming\npm\npm.CMD
  Browsers:
    Edge: Spartan (44.19041.1266.0), Chromium (103.0.1264.62)
  npmPackages:
    @vitejs/plugin-react: ^2.0.0 => 2.0.1
    vite: ^3.0.0 => 3.0.8

使用的程序包管理器

国家预防机制

o0lyfsai

o0lyfsai1#

我也面临着这个问题,然后我找到了解决方案,通过使用Vite遗留插件
@vitejs/插件-遗留

相关问题