我在我的项目中添加了一个新的npm包,并在我的一个模块中要求它。
现在我从webpack得到这个消息,
注意:代码生成器已经取消了“D:/path/to/project/node_modules/ramda/dist/ramda.js”的样式,因为它超过了“100KB”的最大值。
这是什么意思?我需要采取一些行动吗?
我在我的项目中添加了一个新的npm包,并在我的一个模块中要求它。
现在我从webpack得到这个消息,
注意:代码生成器已经取消了“D:/path/to/project/node_modules/ramda/dist/ramda.js”的样式,因为它超过了“100KB”的最大值。
这是什么意思?我需要采取一些行动吗?
当前回答
这似乎是一个通天塔错误。我猜您使用babel-loader,并且没有从加载器测试中排除外部库。据我所知,这条信息是无害的,但你仍然应该这样做:
loaders: [
{ test: /\.js$/, exclude: /node_modules/, loader: 'babel' }
]
看一看。是这样吗?
其他回答
这是我的通天塔结构:
module.exports = {
presets: [['@babel/preset-env'], ['@babel/preset-react']],
plugins: [
[
'@babel/plugin-transform-runtime',
{
corejs: 3,
},
],
// react hmr
['react-refresh/babel'],
],
};
我还遇到了这个问题,因为这些代码:
[
'@babel/plugin-transform-runtime',
{
corejs: 3,
},
],
最后我用加法解决了这个问题
exclude: /node_modules/
in
{
test: /\.jsx?$/,
exclude: /node_modules/,
use: ['babel-loader'],
},
这可能不是最初OP问题的情况,但是:如果您超过了默认的最大大小,这可能是您遇到的其他问题的症状。在我的情况下,我有警告,但最终它变成了一个致命错误:MarkCompactCollector:半空间复制,回调在旧代分配失败- JavaScript堆出内存。 原因是我动态地导入了当前模块,所以这最终导致了一个无休止的循环……
对于那些使用最新webpack并在那里配置有选项属性的人。不能同时使用查询和选项。如果两者都存在,则会得到此错误
Error: Provided options and query in use
相反,向选项名称generatorOpts添加新属性,然后在其下面添加属性紧凑。
loaders: [
{ test: /\.js$/, loader: 'babel', option: { generatorOpts: { compact: false } } }
]
对于那些和我一起工作的人(比如我)。你需要像这样做
config.module.rules.filter((rule) => rule.use && rule.use.loader === 'next-babel-loader')
.map((loader) => {
loader.use.options.generatorOpts = { compact: false };
return loader;
});
在react/redux/webpack/babel build中,通过删除脚本标签类型text/babel修复了此错误
有错误:
<script type="text/babel" src="/js/bundle.js"></script>
没有错误:
<script src="/js/bundle.js"></script>
这似乎是一个通天塔错误。我猜您使用babel-loader,并且没有从加载器测试中排除外部库。据我所知,这条信息是无害的,但你仍然应该这样做:
loaders: [
{ test: /\.js$/, exclude: /node_modules/, loader: 'babel' }
]
看一看。是这样吗?