storybook [Bug]: CSP - unsafe-eval. SB7 with angular library shows CSP error

x6h2sr28 于 3个月前发布在 Angular

关注(0)|答案(3)|浏览(70)

描述错误

拒绝评估字符串为JavaScript,因为在以下内容安全策略指令中，“script-src 'self' 'unsafe-inline'”不是允许的脚本来源："script-src 'self' 'unsafe-inline'"。
当有多个故事时，CSP错误出现在文档页面上。
当只有一个故事时，CSP错误不会出现在文档页面上。
这两个例子都在复现中。
旧问题在这里：#24355
这个问题没有得到正确解决。

重现方法

https://stackblitz.com/edit/github-m6jtth-rjkp49

打开开发者控制台。
转到按钮/文档页面。
错误出现在控制台中

系统信息

Storybook Environment Info:

  System:
    OS: Linux 5.0 undefined
    CPU: (8) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz
    Shell: 1.0 - /bin/jsh
  Binaries:
    Node: 18.18.0 - /usr/local/bin/node
    Yarn: 1.22.19 - /usr/local/bin/yarn
    npm: 9.4.2 - /usr/local/bin/npm <----- active
    pnpm: 8.10.5 - /usr/local/bin/pnpm
  npmPackages:
    @storybook/addon-a11y: ~7.6.4 => 7.6.4 
    @storybook/addon-actions: ~7.6.4 => 7.6.4 
    @storybook/addon-essentials: ~7.6.4 => 7.6.4 
    @storybook/addon-links: ~7.6.4 => 7.6.4 
    @storybook/addon-storyshots: ~7.6.4 => 7.6.4 
    @storybook/angular: ~7.6.4 => 7.6.4 
    @storybook/testing-library: ~0.2.2 => 0.2.2 
    @storybook/theming: ~7.6.4 => 7.6.4 
    eslint-plugin-storybook: ^0.6.15 => 0.6.15 
    storybook: ~7.6.4 => 7.6.4

其他上下文

无响应*

storybook

来源：https://github.com/storybookjs/storybook/issues/25225

3条答案

按热度按时间

wsewodh21#

我针对#24355的修复在这里不起作用，因为我只处理了a11y插件返回结果的情况，但这是一个错误。
这个错误可能需要类似于最近为Angular Bootstrap 修复的类似的修复，其中一个队列防止多个故事同时引导。我认为这里发生的事情是Axe工具试图并行运行多次，并抛出一个错误，表示它已经在运行。这可以解释为什么只有一个故事时不会发生错误。
我可以看一下，但可能需要几天才能尝试一些东西。我不期望修复会像我之前的修复那样小，因为这似乎是一个插件工作方式的问题，而不仅仅是数据传递的方式。

赞(0）回复(0）举报 3个月前

mrfwxfqh2#

这里有一个令人不满意的解决方法，即设置 addon-a11y 以不自动触发：