老师，我这样配置splitchunks为什么不报错啊？
  splitChunks: {
            chunks: "all",
            cacheGroups: {
                test: /[\\/]node_modules[\\/]/,
            }
        }
test这个配置项不是应该在vendors中设置吗？为什么这样配置不报错呢？而且输出的结果中本应该是venodrs的前缀变成了test前缀

老师，求助，研究了半天也没好，我想点击动态引入import('./test.js'),但是报错，如下，
react-dom.development.js:12938 Uncaught TypeError: Failed to construct 'Text': Please use the 'new' operator, this DOM object constructor cannot be called as a function.
    at renderWithHooks (react-dom.development.js:12938)
    at mountIndeterminateComponent (react-dom.development.js:15020)
    at beginWork (react-dom.development.js:15625)
    at performUnitOfWork (react-dom.development.js:19312)
    at workLoop (react-dom.development.js:19352)
    at HTMLUnknownElement.callCallback (react-dom.development.js:149)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:199)
    at invokeGuardedCallback (react-dom.development.js:256)
    at replayUnitOfWork (react-dom.development.js:18578)
    at renderRoot (react-dom.development.js:19468)，
我的代码：
//主js文件
import React from 'react';
import '../../common';
// import Text from './test';

export default class Roots extends React.Component{
    constructor () {
        super(...arguments);
        this.state = {
            Text: null
        };
    }
    

    render () {
        const hangel = () => {
            import('./test.js').then((Text) => {
                this.setState({
                    Text: Text.default()
                })
            });
        }
        return (<div className="search">
            search pages
            工业也米娜sdfdsfsdf
            { this.state.Text ? <Text /> : '' }
            <div onClick={hangel}>点我吧</div>
        </div>)
    }
}
//test.js文件
import React from 'react';
export default () => (<div>动态 test</div>);