描述bug

InlineChunkHtmlPlugin会删除由HtmlWebpackPlugin创建的所有属性，包括type="module"和defer="defer",这些有时是必要的。这可以在以下位置看到：
create-react-app/packages/react-dev-utils/InlineChunkHtmlPlugin.js
第30行的7bdeced
| | return{tagName: 'script',innerHTML: asset.source(),closeTag: true}; |
我正在使用这个插件与vuejs应用一起使用。我没有尝试过与react应用一起使用。通过更新插件可以解决这个问题。请查看pull request。

你是否尝试恢复依赖项？

yarn --version
1.22.5

你在用户指南中搜索了哪些术语？

https://www.npmjs.com/package/react-dev-utils , InlineChunkHtmlPlugin

环境

Environment Info:

  current version of create-react-app: 4.0.1
  running from /home/xxx/.config/yarn/global/node_modules/create-react-app

  System:
    OS: Linux 5.4 Linux Mint 20.1 (Ulyssa)
    CPU: (4) x64 Intel(R) Core(TM) i7-6600U CPU @ 2.60GHz
  Binaries:
    Node: 12.22.1 - /usr/bin/node
    Yarn: 1.22.5 - /usr/bin/yarn
    npm: 6.14.12 - /usr/bin/npm
  Browsers:
    Chrome: 90.0.4430.93
    Firefox: 88.0
  npmPackages:
    react:  17.0.2 (16.14.0)
    react-dom:  17.0.2 (16.14.0)
    react-scripts:  4.0.3
  npmGlobalPackages:
    create-react-app: Not Found

重现步骤

从可复现示例：

1. yarn install
2. yarn build
3. 在浏览器中打开html文件(你会看到一个空白页面 => 这就是问题)
4. 在文本编辑器中打开html文件并手动向内联脚本添加type="module"属性)
5. 再次在浏览器中打开html文件(这次你能看到页面的内容)。
   我会提交一个修复此问题的pull request以供审查。

预期行为

<script type="module">...</script>

实际行为

<script>...</script>

可复现演示

https://github.com/muskuloes/inlinechunk-issue-reproducible