Webpack5 遇到的问题 & 解决方案

最新推荐文章于 2025-05-21 08:06:31 发布

CrystalAngelLee

最新推荐文章于 2025-05-21 08:06:31 发布

阅读量1k

点赞数

分类专栏： CrystalのWeb前端综合学习

本文链接：https://blog.youkuaiyun.com/baidu_33591715/article/details/115466863

版权

CrystalのWeb前端综合学习专栏收录该内容

6 篇文章

订阅专栏

本文档解决在使用vue-server-renderer-webpack-plugin时遇到的两个问题。问题1涉及修改`server-plugin.js`，将libraryTarget从条件检查改为library.type。问题2关于Webpack找不到主入口文件，修正了过滤条件并确保entry为字符串类型。通过这些修改，可以成功配置SSR并避免入口文件错误。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

[vue-server-renderer-webpack-plugin] webpack config output.libraryTarget should be “commonjs2”.

遇到问题的环境：https://zhuanlan.zhihu.com/p/362094072

问题1： [vue-server-renderer-webpack-plugin] webpack config output.libraryTarget should be “commonjs2”
找到 /node_modules/vue-server-renderer/server-plugin.js
修改文件

-  if (compiler.options.output && compiler.options.output.libraryTarget !== 'commonjs2') {
+  if (compiler.options.output && compiler.options.output.library.type !== 'commonjs2') {

问题2：Error: Entry “main” not found. Did you specify the correct entry option?

- var entryAssets = entryInfo.assets.filter(isJS);
+ var entryAssets = entryInfo.assets.filter(file => isJS(file.name));

if (entryAssets.length > 1) {
  throw new Error(
    "Server-side bundle should have one single entry file. " +
    "Avoid using CommonsChunkPlugin in the server config."
  )
}

var entry = entryAssets[0];
- if (!entry || typeof entry !== 'string') {
+ if (!entry || typeof entry.name !== 'string') {
  throw new Error(
    ("Entry \"" + entryName + "\" not found. Did you specify the correct entry option?")
  )
}

var bundle = {
+ entry: entry.name,
  files: {},
  maps: {}
};