webgpu学习问题，遇到了create graphics pipeline state failed错误
在学习webgpu并渲染图像时发生create graphics pipeline state failed with E_INVALIDARG (0x80070057)错误，图像无法成功渲染。
html代码：
const pipeline = device.createRenderPipeline({
// 管线布局配置
layout: 'auto',
// 顶点着色器配置
vertex: {//顶点相关配置
module: device.createShaderModule({code: vertex}),
entryPoint: "main",
buffers: [// 顶点所有的缓冲区模块设置
{//其中一个顶点缓冲区设置
arrayStride: 3*4,//一个顶点数据占用的字节长度，该缓冲区一个顶点包含xyz三个分量，每个数字是4字节浮点数，3*4字节长度
attributes: [{// 顶点缓冲区属性
shaderLocation: 0,//GPU显存上顶点缓冲区标记存储位置
format: "float32x3",//格式：loat32x3表示一个顶点数据包含3个32位浮点数
offset: 0//arrayStride表示每组顶点数据间隔字节数，offset表示读取改组的偏差字节数，没特殊需要一般设置0
}]
}
]
},
// 片元着色器配置
fragment: {
module: device.createShaderModule({code: fragment}),
entryPoint: "main",
targets: [{
format: format
}],
},
// 绘制图元配置
primitive: {
topology: "triangle-list",//三角形绘制顶点数据
}
});wgsl代码：
//顶点着色器代码
const vertex = /*wgsl*/`
@vertex
fn main(@location(0) pos: vec3<f32>) -> @builtin(position) vec4<f32>{
// var pos2 = vec4<f32>(pos,1.0);//pos转齐次坐标
// pos2.x -= 0.2;//所有的顶点x坐标偏移0.2
// return pos2;//返回顶点数据，渲染管线下个环节使用
return vec4<f32>(pos,1.0);
}
`;
问题：经过一系列测试发现一个不理解的错误。当管线shaderLocation: 0 ；顶点着色器@location(0)不能正常显示，会出现create graphics pipeline state failed with E_INVALIDARG (0x80070057)错误。但当我将这两个值修改为1，图像正常渲染。令人费解！有懂得大神指教一下
来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！ 收藏一下 不知道什么时候能用到 谢谢分享，试用一下 懂技术并乐意极积无私分享的人越来越少。珍惜 用心讨论，共获提升！ 热心回复！ 过来提前占个楼 东西不错很实用谢谢分享 喜欢鼓捣这些软件，现在用得少，谢谢分享！ 新版吗？好像是停更了吧。 前排留名，哈哈哈 谢谢楼主提供！ 感谢分享，下载保存了，貌似很强大 不错，里面软件多更新就更好了 懂技术并乐意极积无私分享的人越来越少。珍惜 收藏一下 不知道什么时候能用到 这个好，看起来很实用 热心回复！ 过来提前占个楼 喜欢鼓捣这些软件，现在用得少，谢谢分享！
页:
[1]
2