TS创建小程序组件化不识别

200 阅读1分钟
  • 使用微信开发工具不使用云开发选择ts语言创建后的项目结构目录如下,系统会自动创建miniprogram文件夹

d98d2230478d9a932310be49da440b01406e6a576c13f2ee6ac32616bf4ea86aQzpcVXNlcnNcZWRpc29cQXBwRGF0YVxSb2FtaW5nXERpbmdUYWxrXDEyNzIyMzMyNTdfdjJcSW1hZ2VGaWxlc1wxNjU5MDczNjgyMTA3Xzg2OUYzNUY0LTBFOTQtNDk3ZS05QUUxLUVBQkNCRkY5RDQwRS5wbmc=.png

  • 这时尝试创建components文件夹用于组件化开发
    • 在最外层创建components文件夹

cefc2ff328312388e96f31e16e4eabfc628ccc821dcbf6eeb7fc481fd84df12eQzpcVXNlcnNcZWRpc29cQXBwRGF0YVxSb2FtaW5nXERpbmdUYWxrXDEyNzIyMzMyNTdfdjJcSW1hZ2VGaWxlc1wxNjU5MDczODk3MDQ5X0NDNkVDRDc5LUE3NTMtNDNiMi1BRTY1LThGMTYzN0RDMTkxMS5wbmc=.png

 - 这时无法通过右键创建Component,手动创建相关文件并在index页面进行引入运行
 

db5b7f5aa3d35f217a753fcb5eedbf1c507d73a09cf650c91e23589892a11a08QzpcVXNlcnNcZWRpc29cQXBwRGF0YVxSb2FtaW5nXERpbmdUYWxrXDEyNzIyMzMyNTdfdjJcSW1hZ2VGaWxlc1wxNjU5MDc0MTkwMzM5XzAwNTBDRUU1LUY5RkItNGEzNC04QjIzLTM5ODY4Nzc0N0ZFOC5wbmc=.png

- 发现无法识别tabs,第一种办法失败
 
  • 在minoprogram文件夹下创建components文件夹

4b65469e3221cf9c3eb22586e6d6102dfcbb70c76b9e0ef1b14359761e9dbfa1QzpcVXNlcnNcZWRpc29cQXBwRGF0YVxSb2FtaW5nXERpbmdUYWxrXDEyNzIyMzMyNTdfdjJcSW1hZ2VGaWxlc1wxNjU5MDc0MzE0NzAxXzdBREZGN0Q0LTQwNjgtNDllNS05MDI2LUMzOUE3RTU3OTlCQi5wbmc=.png 在miniprogram文件夹下创建components文件夹可以通过右键创建Component,但是运行时还是无法识别,报一样的 miniprogram/pages/index/index.json: ["usingComponents"]["tabs"] 未找到的错误


下面时找到的一种解决办法

  • 将原来miniprogram文件夹下的所有文件移动到项目的根目录下
  • 修改project.config.json文件内容
  "miniprogramRoot": "miniprogram/", => "miniprogramRoot": "",
  • 再在项目最外层创建components文件夹进行组件化代码编写
  • 最后运行发现能识别自定义的组件了!!!!

c2f5309faad9d6cf3f205c29f56838e88a961612db77aa439c73fd32d489a624QzpcVXNlcnNcZWRpc29cQXBwRGF0YVxSb2FtaW5nXERpbmdUYWxrXDEyNzIyMzMyNTdfdjJcSW1hZ2VGaWxlc1wxNjU5MDc0ODk3MzEzX0M2RDY0RkI2LUNFRDgtNDRjMi1BM0U1LTRGQjIyMTJGRjEwRC5wbmc=.png