将 Vaadin 14.0.10 应用程序更新到 14.5.4 会导致从 /VAADIN/ 加载的资源出现 MIME 类型错误

Question

我有一个带有 Spring Boot 和 Spring Security 配置的 Vaadin 14.0.10 应用程序。我正在尝试将其更新到 14.5.4，但更新后，当我尝试加载应用程序时，出现空白页面。服务器日志上没有错误，但在浏览器控制台上，显示两个错误：

Refused to execute script from 'http://localhost:8080/login' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled.

和

login:1 Failed to load module script: The server responded with a non-JavaScript MIME type of "text/html". Strict MIME type checking is enforced for module scripts per HTML spec.

查看“网络”选项卡，似乎两者webcomponents-loader.js都vaadin-bundle-*.cache.js获得状态 302“脚本/重定向”。这两个文件都是从下面提供的/VAADIN/build。

起初我认为这可能是 Spring Security 配置问题，但在我的WebSecurityConfigurerAdapter实现中，我有：

Refused to execute script from 'http://localhost:8080/login' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled.

...并且/VAADIN/**匹配器应该负责授予对有问题的文件的访问权限。

我尝试运行 mvn clean 并删除并重新填充node_modules但无济于事。

Answer 1

问题是webpack.generated.js，它被错误地存储在项目的 Git 存储库中。删除文件并重建项目解决了该问题。尽管从某种意义上来说这是一个“用户错误”，但该文件应该在版本升级的情况下自动覆盖，因为 webpack 输出路径已在 14.0 和 14.5 之间更改：https ://github.com/vaadin /流/问题/10932