在使用vite@4.0.4和vitest@0.26.3与@mui/material时，出现了以下错误：
Module /<project_name>/node_modules/@mui/material/styles/createPalette.js:1 seems to be an ES Module but shipped in a CommonJS package. You might want to create an issue to the package "@mui/material" asking them to ship the file in .mjs extension or add "type": "module" in their package.json.
As a temporary workaround you can try to inline the package by updating your config:
// vitest.config.js
export default {
test: {
deps: {
inline: [
"@mui/material"
]
}
}
}根据错误信息的建议进行操作，问题仍未解决。暂时回退到"@mui/material": "5.10.17",测试可以正常运行。请问如何使用当前版本？
4条答案
按热度按时间pxyaymoc1#
你是否直接从这个文件中导入内容？我问这个问题是因为这是不被支持的。我们允许导入到level3,例如
@mui/material/styles。所有有效的导入都应该按预期工作。我想这可能与#35480有关。如果这不是情况，请分享可复现问题的存储库，我们可以在那里检查问题。
gmxoilav2#
我们没有从这个文件直接导入任何内容。
我遇到了这个问题，与这个仓库https://github.com/catenax-ng/product-item-relationship-service-frontend有关。
doinxwow3#
我在尝试访问
TablePaginationActions时遇到了类似的问题。我想在TablePaginationActions中添加一个新的控件，但仍然保持当前的行为。TablePaginationActions从@mui/material/TablePagination/TablePaginationActions导入，由于是 level4 的导入，导致了上述问题。我们是否可以从@mui/material/TablePagination导出TablePaginationActions?a9wyjsp74#
我也刚刚收到了vitest的这个错误，但我已经尝试使用
@mui/material-next解决了。以下的更改对我来说是有效的：
我不确定是否还有其他原因导致这个问题，但我想把这个信息传递出去，以防对其他人有所帮助。
编辑：添加
package.json版本：