我根据课程复制了这段代码：
<template>
<div id="nav">
<router-link to="/">Home</router-link> |
<router-link to="/about">About</router-link>
</div>
<router-view/>
</template>
<style lang="scss">
#app{
display: grid;
grid-template-columns: [container-start] 1fr [center-start] repeat(
6, [col-start] minmax(min-content, 16.66667rem) [col-end])
[center-end] 1fr [container-ends];
grid-template-rows: min-content 100vh repeat(9, min-content);
}
</style>
问题：
尚无法部署该项目 - 因此，我可以演示来自浏览器（本地）的屏幕截图，并带有警告：
浏览器检查器中出现警告的原因是什么？
为什么在带有警告的“不正确”属性之后复制完全相同的属性并且这些重复项变得正确？
如何解决？
（我怀疑这可能与 vue.js 项目上下文中前缀的自动生成有关。）
在左边 - 不是警告，而是元素标记如何工作的解释。
不，它们没有重复。添加了程序集前缀。如果浏览器不支持您的样式，那么它将采用带有前缀的标记。