html-webpack-plugin Unexpected token )，optipng pre-build test failed

最新推荐文章于 2022-12-26 09:37:33 发布

网瘾颓废

最新推荐文章于 2022-12-26 09:37:33 发布

阅读量3.1k

点赞数 1

分类专栏： webpack使用以及优化图示

本文链接：https://blog.csdn.net/weixin_44021417/article/details/106684446

版权

webpack使用以及优化图示专栏收录该内容

4 篇文章 0 订阅

订阅专栏

报错日志

Entrypoint undefined = index.html html-webpack-plugin 错误ERROR in
Error: Child compilation failed: Module build failed (from
./node_modules/html-webpack-plugin SyntaxError: Unexpected token )

之前我一度以为是html-withimg-loader的插件出了问题，更换版本之后还是不可以，然后我新建了个vuecli3的项目下载下来没有问题（大家排查问题可以从这个角度出发)，出现这个问题的原因是我使用了 html-withimg-loader 然后配置后，但是打包后出现了问题，打包后的html成了这个鬼样子，
注释配置卸掉这个node_modules后，报错
但是问题尝试了很多种，无法解决，我没办法又给它装上了

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <title><%= htmlWebpackPlugin.options.title %></title>
	  <!-- 使用CDN的CSS文件   -->
	   <!--
	   <% for (var i in htmlWebpackPlugin.options.cdn &&
	    htmlWebpackPlugin.options.cdn.css) { %>
	    -----------------------多写了这个这是我报错的关键，把这个删了就好了------------------------------------
	    <% for (var i in htmlWebpackPlugin.options.cdn &&
	    htmlWebpackPlugin.options.cdn.css) { %>
	    <link
	        href="<%= htmlWebpackPlugin.options.cdn.css[i] %>"
	        rel="stylesheet"
	    />
	    <% } %> -->
  </head>
  <body>
    <noscript>
      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app"></div>
    <script src="https://at.alicdn.com/t/font_1537329_uilkubfvphh.js"></script>
	  <script src="https://cdn.bootcss.com/vConsole/3.3.2/vconsole.min.js"></script>
	  <script src="./static/js/configure.js"></script>
	  <% for(var js of htmlWebpackPlugin.options.cdn.js) { %>
		  <script src="<%=js%>"></script>
		<% } %>
    <!-- built files will be auto injected -->
  </body>
</html>

还不可以的话
npm uninstall html-withimg-loader
检查一下package.json   
 确保那个html-withimg-loader正确卸载完毕
实在不行，干脆删掉所有的node_modules   
删掉    package.json     中的  html-withimg-loader
再执行npm installl   然后在执行上面的步骤

当咱们npm install或者cnpm install下载node_moduled的实话可能会遇到一下报错

⚠ EACCES: permission denied, open '/***//node_modules/optipng-bin/vendor/optipng'
  ⚠ optipng pre-build test failed
  ℹ compiling from source
  ✖ Error: EACCES: permission denied, mkdir

类似这种报错，我也不知道为啥会报错,但是应该是不影响使用的，要想解决可以
调整构建指令 npm install --unsafe-perm=true --allow-root
这样子错误就解决了这个是安装package.json中的包，具体的大家还是百度吧

想了解html-webpack-plugin详解的话，大家可以看下https://www.cnblogs.com/wonyun/p/6030090.html

网瘾颓废

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html-webpack-plugin Unexpected token )，optipng pre-build test failed

报错日志Entrypoint undefined = index.html html-webpack-plugin 错误ERROR inError: Child compilation failed: Module build failed (from./node_modules/html-webpack-plugin SyntaxError: Unexpected token )之前我一度以为是html-withimg-loader的插件出了问题，更换版本之后还是不可以，然后我新建了个vuec
复制链接

扫一扫