uniapp的manifest.json配置后，支付宝小程序include不生效,map高级渲染-Toy模板网

这篇具有很好参考价值的文章主要介绍了uniapp的manifest.json配置后，支付宝小程序include不生效,map高级渲染。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

一：问题描述：

                支付宝小程序在使用map组件时，使用高级渲染需要使用xml组件，在                 manifest.json下配置include字段，编译完没有该字段，不生效。



这里是支付宝文档：支付宝官方文档
                • 布局的 XML 文件默认会被 IDE 打包工具忽略，需要在根目录 mini.project.json                  配置规则里将 xml 打到小程序中。

{
                    "include":["*/.xml"] // 配置包含 xml
                   }

原因：社区文公开发人员后，可能是由于hbuilderX内配置文件未添加该项所致。

二：没解决之前每次编译后是这样的：

解决之后就自动添加了

                   {
                    "include":["*/.xml"] // 配置包含 xml
                   }

这个配置项，看图：

三：解决方案如下：

（1）：在你的根目录/node_modules/@dcloudio/webpack-uni-pages-loader/lib/platforms/mp-alipay.js中替换（将文件里面的代码全部替换掉）如下代码：

const fs = require('fs')
const path = require('path')

const {
  parsePages,
  getPlatformProject
} = require('@dcloudio/uni-cli-shared')

const {
  updateAppJsonUsingComponents
} = require('@dcloudio/uni-cli-shared/lib/cache')

const {
  hasOwn,
  parseStyle,
  parseTabBar,
  NON_APP_JSON_KEYS
} = require('../util')

function defaultCopy (name, value, json) {
  json[name] = value
}

const pagesJson2AppJson = {
  globalStyle: function (name, value, json) {
    json.window = parseStyle(value)
    if (json.window.usingComponents) {
      json.usingComponents = json.window.usingComponents
      delete json.window.usingComponents
    }
  },
  tabBar: function (name, value, json) {
    json.tabBar = parseTabBar(value)
  },
  preloadRule: defaultCopy
}

function copyToJson (json, fromJson, options) {
  Object.keys(options).forEach(name => {
    if (hasOwn(fromJson, name)) {
      options[name](name, fromJson[name], json)
    }
  })
}

const projectKeys = ['component2', 'enableAppxNg', 'include']

module.exports = function (pagesJson, manifestJson) {
  const app = {
    pages: [],
    subPackages: []
  }

  const subPackages = {}

  parsePages(pagesJson, function (page) {
    app.pages.push(page.path)
  }, function (root, page, subPackage) {
    if (!subPackages[root]) {
      subPackages[root] = {
        root,
        pages: []
      }
      Object.keys(subPackage).forEach(name => {
        if (['root', 'pages'].indexOf(name) === -1) {
          subPackages[root][name] = subPackage[name]
        }
      })
    }
    subPackages[root].pages.push(page.path)
  })

  Object.keys(subPackages).forEach(root => {
    app.subPackages.push(subPackages[root])
  })

  copyToJson(app, pagesJson, pagesJson2AppJson)

  const platformJson = manifestJson['mp-alipay'] || {}

  Object.keys(platformJson).forEach(key => {
    if (!projectKeys.includes(key) && !NON_APP_JSON_KEYS.includes(key)) {
      // usingComponents 是编译模式开关，需要过滤，不能拷贝到 app
      app[key] = platformJson[key]
    }
  })

  if (app.usingComponents) {
    updateAppJsonUsingComponents(app.usingComponents)
  }
  const projectName = getPlatformProject()

  let project = {}

  const projectPath = path.resolve(process.env.UNI_INPUT_DIR, projectName)
  if (fs.existsSync(projectPath)) {
    project = require(projectPath)
  } else {
    if (platformJson.appid) {
      project.appid = platformJson.appid
    }

    project.component2 = hasOwn(platformJson, 'component2') ? platformJson.component2 : true
    project.enableAppxNg = hasOwn(platformJson, 'enableAppxNg') ? platformJson.enableAppxNg : true
        
        if (hasOwn(platformJson, 'include')) {
            project.include = platformJson.include
        }
  }

  return [{
    name: 'app',
    content: app
  }, {
    name: 'mini.project',
    content: project
  }]
}

添加后的代码和之前没什么两样，就是多了个if判断，直接上图：

uniapp的manifest.json配置后，支付宝小程序include不生效,map高级渲染,uni-app,小程序