包裹JS:tree.render不是函数

Question

每当我尝试运行生产构建命令npm run build或npx parcel build index.html时，我都会收到此错误。我有一个简单的html和css项目，没有react，没有第三方库为什么会发生这种情况？我试过1.12.3、1.12.4和1.12.5版本的包裹。

错误如下：

/Users/user/Documents/HTML Apps/Project/index.html: tree.render is not a function
at /Users/user/Documents/HTML Apps/Project/node_modules/htmlnano/lib/modules/minifySvg.js:19:23
at /Users/user/Documents/HTML Apps/Project/node_modules/posthtml/lib/api.js:91:45
at traverse (/Users/user/Documents/HTML Apps/Project/node_modules/posthtml/lib/api.js:105:26)
at traverse (/Users/user/Documents/HTML Apps/Project/node_modules/posthtml/lib/api.js:111:5)
at traverse (/Users/user/Documents/HTML Apps/Project/node_modules/posthtml/lib/api.js:105:17)
at traverse (/Users/user/Documents/HTML Apps/Project/node_modules/posthtml/lib/api.js:111:5)
at traverse (/Users/user/user/HTML Apps/Project/node_modules/posthtml/lib/api.js:105:17)
at traverse (/Users/user/Documents/HTML Apps/Project/node_modules/posthtml/lib/api.js:111:5)
at traverse (/Users/user/Documents/HTML Apps/Project/node_modules/posthtml/lib/api.js:105:17)
at traverse (/Users/user/Documents/HTML Apps/Project/node_modules/posthtml/lib/api.js:111:5)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! Project@1.0.0 build: `parcel build index.html`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the Project@1.0.0 build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! /Users/user/.npm/_logs/2021-04-14T07_44_52_872Z-debug.log

Answer 1

事实证明，您可以通过将htmlnano配置为而不是缩小SVG来解决此问题。

将.htmlnanorc文件添加到项目根目录中，并使用如下JSON配置对象：

{
"minifySvg": false
}

文档的相关部分在这里针对V1(实际上没有提到minimySvg设置(或在这里针对V2。

Answer 2

在我的案例中，它通过以下操作将.htmlnanorc.js添加到我的项目根目录中：

module.exports = {
"minifySvg": false
}

Answer 3

parcel build --no-optimize index.html它将跳过包裹的优化，让你继续前进。希望有帮助。非常简单的方法请投票支持

Answer 4

在我的例子中，它使用了一个以SVG为src的IMG标记。

你可以称一下职业选手的体重；骗子自己：向Web添加矢量图形|MDN

注意：我不确定这样做是否效率较低/优化。

如果有人发现这种方法有什么问题，请告诉我：(

Answer 5

它对我有效。

仅

parcel build index.html --no-minify

我认为是因为没有优化而被弃用的