VueJS 3，Webpack 试图读取它无权访问的外部 CSSStyleSheet
VueJS 3, Webpack trying to read external CSSStyleSheet that it does not have access to
DOMException: Failed to read the 'cssRules' property from 'CSSStyleSheet': Cannot access rules
我知道这是什么以及为什么会这样，这不是“这是什么错误”的问题，也不是该问题的重复。
非常具体：
使用 VueJS 3 和 google 映射 api，webpack 正试图从 google 遍历样式表，由于跨站点保护，这将无法工作。这很好，但为什么它一开始就尝试这样做，我该如何让它不那样做？
几周前我运行进入过一次，终于弄明白了，然后运行又进入了一次，忘记了我是怎么弄明白的。万一有人过来（你好，未来的我）：
将地图对象从 window.google.maps.Map 转换为 reactive 会导致 Vue/webpack 尝试遍历整个对象，包括对该对象中样式表的引用
shallowReactive也不行。
reactive 正在进行深度反应式转换。 shallowReactive 是不够的，因为它 still does reactive conversion 属于顶级对象及其属性。
你要的是shallowRef
DOMException: Failed to read the 'cssRules' property from 'CSSStyleSheet': Cannot access rules
我知道这是什么以及为什么会这样，这不是“这是什么错误”的问题，也不是该问题的重复。
非常具体：
使用 VueJS 3 和 google 映射 api，webpack 正试图从 google 遍历样式表，由于跨站点保护，这将无法工作。这很好，但为什么它一开始就尝试这样做，我该如何让它不那样做？
几周前我运行进入过一次，终于弄明白了，然后运行又进入了一次，忘记了我是怎么弄明白的。万一有人过来（你好，未来的我）：
将地图对象从 window.google.maps.Map 转换为 reactive 会导致 Vue/webpack 尝试遍历整个对象，包括对该对象中样式表的引用
shallowReactive也不行。
reactive 正在进行深度反应式转换。 shallowReactive 是不够的，因为它 still does reactive conversion 属于顶级对象及其属性。
你要的是shallowRef