为什么 react mui 分页组件会导致 Failed to execute 'createElement' on 'Document': The tag name provided ('/.js') is not a valid name.错误？

Question

我正在为我的 React 项目使用 mui。当我使用 mui 的按钮组件时，它正在工作，但分页组件会产生此错误：

DOMException：无法在 'Document' 上执行 'createElement'：提供的标签名称 ('/7f3bb9f17db538730cfa2032641aa64e.js') 不是有效名称。

在另一个使用 create-react-app 创建的项目中正在运行，但这不起作用。

我尝试了很多方法，例如重新安装 node_modules，在 webpack 中搜索有关 mui 的任何线索，但无法解决问题。

import React from 'react'
import Pagination from '@mui/material/Pagination';
import './index.css'

const Table = () => {


  return (
    <div className='table'>
        <Pagination count={10} variant="outlined" color="primary" />

    </div>
  )
}

export default Table

Answer 1

我在 webpack 中将 file-loader 用于 svg,img.. 但它应该是 url-loader

之前：

    {
        test: /\.png|svg|jpg|gif$/,
        use: ["file-loader"],
    },

之后：

    {
        test: /\.(jpe?g|gif|png|svg)$/i,
        use: [
        {
          loader: 'url-loader',
          options: {
            limit: 10000
          }
        }
      ]
    },

注意：不要忘记安装url-loader..

为什么 react mui 分页组件会导致 Failed to execute 'createElement' on 'Document': The tag name provided ('/.js') is not a valid name.错误？

Why react mui pagination component causes Failed to execute 'createElement' on 'Document': The tag name provided ('/.js') is not a valid name. error?

reactjs

material-ui