Taro 中引入 Parse 渲染报错 ./base.wxml Template `tmpl_5_parser` not found. #7550

drunkWindy · 2020-09-08T02:12:46Z

复现步骤

1、组件引入
config = {
usingComponents: {
parser: '@/utils/Parser/index' // 引入插件包
}
}
2、render () {
return (

)
}

期望结果

渲染富文本

实际结果

VM1098:1 ./base.wxml
Template tmpl_5_parser not found.
2115 |
2116 |

2117 |
| ^
2118 |
2119 |
2120 |

环境信息

Taro CLI 3.0.8 environment info:
    System:
      OS: Windows 10
    Binaries:
      Node: 12.18.3 - C:\Program Files\nodejs\node.EXE
      Yarn: 1.22.4 - C:\Users\PC\AppData\Roaming\npm\yarn.CMD
      npm: 6.14.6 - C:\Program Files\nodejs\npm.CMD

The text was updated successfully, but these errors were encountered:

luckyadam · 2020-09-08T02:23:04Z

能否给个 demo 看下

JX-Zhuang · 2020-09-17T04:07:55Z

遇到同样的问题，按照官方文档引入echarts-for-weixin，提示 WXMLRT_$gwx:./base.wxml:template:425:16: Template tmpl_0_ec-canvas not found.
参考链接：https://github.com/NervJS/taro-sample-weapp/blob/master/src/pages/echarts/echarts.js
"@tarojs/cli": "3.0.9"
demo

//  page/echarts/echarts.tsx
import React from 'react';
import { View } from '@tarojs/components'
import * as echarts from '../../components/ec-canvas/echarts'
import styles from './index.module.scss';

function initChart(canvas, width, height) {
  const chart = echarts.init(canvas, null, {
    width: width,
    height: height
  })
  canvas.setChart(chart)
  const model = {
    yCates: ['Saturday', 'Friday', 'Thursday',
      'Wednesday', 'Tuesday', 'Monday',
      'Sunday'],
    xCates: ['1', '2', '3', '4', '5'],
    data: [
      // [yCateIndex, xCateIndex, value]
      [0, 0, 5], [0, 1, 7], [0, 2, 3], [0, 3, 5], [0, 4, 2],
      [1, 0, 1], [1, 1, 2], [1, 2, 4], [1, 3, 8], [1, 4, 2],
      [2, 0, 2], [2, 1, 3], [2, 2, 8], [2, 3, 6], [2, 4, 7],
      [3, 0, 3], [3, 1, 7], [3, 2, 5], [3, 3, 1], [3, 4, 6],
      [4, 0, 3], [4, 1, 2], [4, 2, 7], [4, 3, 8], [4, 4, 9],
      [5, 0, 2], [5, 1, 2], [5, 2, 3], [5, 3, 4], [5, 4, 7],
      [6, 0, 6], [6, 1, 5], [6, 2, 3], [6, 3, 1], [6, 4, 2]
    ]
  }

  const data = model.data.map(function (item) {
    return [item[1], item[0], item[2] || '-']
  })

  const option = {
    tooltip: {
      position: 'top'
    },
    animation: false,
    grid: {
      bottom: 60,
      top: 10,
      left: 80
    },
    xAxis: {
      type: 'category',
      data: model.xCates
    },
    yAxis: {
      type: 'category',
      data: model.yCates
    },
    visualMap: {
      min: 1,
      max: 10,
      show: false,
      calculable: true,
      orient: 'horizontal',
      left: 'center',
      bottom: 10,
      inRange: {
        color: ['#37A2DA', '#32C5E9', '#67E0E3', '#91F2DE', '#FFDB5C', '#FF9F7F'],
      }
    },
    series: [{
      name: 'Punch Card',
      type: 'heatmap',
      data: data,
      label: {
        normal: {
          show: true
        }
      },
      itemStyle: {
        emphasis: {
          shadowBlur: 10,
          shadowColor: 'rgba(0, 0, 0, 0.5)'
        }
      }
    }]
  }

  chart.setOption(option)
  return chart
}

export default class Echarts extends React.Component {
constructor(props){
	super(props)
}
  config = {
    navigationBarTitleText: 'echarts-for-weixin 示例项目',
    navigationBarTextStyle: 'black',
    // navigationBarTitleText: 'WxParse 使用示例',
    backgroundColor: '#eeeeee',
    backgroundTextStyle: 'light',
    usingComponents: {
      'ec-canvas': '../../components/ec-canvas/ec-canvas' // 书写第三方组件的相对路径
    }
  }

  state = {
    ec: {
      onInit: initChart
    }
  }

  render () {
    return (
      <View className={styles.echarts}>
        <ec-canvas id='mychart-dom-area' canvas-id='mychart-area' ec={this.state.ec}></ec-canvas>
      </View>
    )
  }
}

jinqh · 2020-12-22T09:42:51Z

我和楼上遇到一样的问题，请问怎么处理

jinqh · 2020-12-22T09:43:23Z

遇到同样的问题，按照官方文档引入echarts-for-weixin，提示 WXMLRT_$gwx:./base.wxml:template:425:16: Template tmpl_0_ec-canvas not found.
参考链接：https://github.com/NervJS/taro-sample-weapp/blob/master/src/pages/echarts/echarts.js
"@tarojs/cli": "3.0.9"
demo

//  page/echarts/echarts.tsx
import React from 'react';
import { View } from '@tarojs/components'
import * as echarts from '../../components/ec-canvas/echarts'
import styles from './index.module.scss';

function initChart(canvas, width, height) {
  const chart = echarts.init(canvas, null, {
    width: width,
    height: height
  })
  canvas.setChart(chart)
  const model = {
    yCates: ['Saturday', 'Friday', 'Thursday',
      'Wednesday', 'Tuesday', 'Monday',
      'Sunday'],
    xCates: ['1', '2', '3', '4', '5'],
    data: [
      // [yCateIndex, xCateIndex, value]
      [0, 0, 5], [0, 1, 7], [0, 2, 3], [0, 3, 5], [0, 4, 2],
      [1, 0, 1], [1, 1, 2], [1, 2, 4], [1, 3, 8], [1, 4, 2],
      [2, 0, 2], [2, 1, 3], [2, 2, 8], [2, 3, 6], [2, 4, 7],
      [3, 0, 3], [3, 1, 7], [3, 2, 5], [3, 3, 1], [3, 4, 6],
      [4, 0, 3], [4, 1, 2], [4, 2, 7], [4, 3, 8], [4, 4, 9],
      [5, 0, 2], [5, 1, 2], [5, 2, 3], [5, 3, 4], [5, 4, 7],
      [6, 0, 6], [6, 1, 5], [6, 2, 3], [6, 3, 1], [6, 4, 2]
    ]
  }

  const data = model.data.map(function (item) {
    return [item[1], item[0], item[2] || '-']
  })

  const option = {
    tooltip: {
      position: 'top'
    },
    animation: false,
    grid: {
      bottom: 60,
      top: 10,
      left: 80
    },
    xAxis: {
      type: 'category',
      data: model.xCates
    },
    yAxis: {
      type: 'category',
      data: model.yCates
    },
    visualMap: {
      min: 1,
      max: 10,
      show: false,
      calculable: true,
      orient: 'horizontal',
      left: 'center',
      bottom: 10,
      inRange: {
        color: ['#37A2DA', '#32C5E9', '#67E0E3', '#91F2DE', '#FFDB5C', '#FF9F7F'],
      }
    },
    series: [{
      name: 'Punch Card',
      type: 'heatmap',
      data: data,
      label: {
        normal: {
          show: true
        }
      },
      itemStyle: {
        emphasis: {
          shadowBlur: 10,
          shadowColor: 'rgba(0, 0, 0, 0.5)'
        }
      }
    }]
  }

  chart.setOption(option)
  return chart
}

export default class Echarts extends React.Component {
constructor(props){
	super(props)
}
  config = {
    navigationBarTitleText: 'echarts-for-weixin 示例项目',
    navigationBarTextStyle: 'black',
    // navigationBarTitleText: 'WxParse 使用示例',
    backgroundColor: '#eeeeee',
    backgroundTextStyle: 'light',
    usingComponents: {
      'ec-canvas': '../../components/ec-canvas/ec-canvas' // 书写第三方组件的相对路径
    }
  }

  state = {
    ec: {
      onInit: initChart
    }
  }

  render () {
    return (
      <View className={styles.echarts}>
        <ec-canvas id='mychart-dom-area' canvas-id='mychart-area' ec={this.state.ec}></ec-canvas>
      </View>
    )
  }
}

我也遇到了，你解决了吗

drunkWindy · 2020-12-22T10:08:06Z

试试在 config/index.js 文件中添加 config.copy.patterns 复制组件到目标文件夹。例如： copy: { patterns: [ { from: 'src/sitemap.json', to: 'dist/sitemap.json' }, { from: 'src/utils/libs/parser/', to: 'dist/utils/libs/parser/' } ], options: { } }, 在 2020-12-22 17:43:37，"jinqh" <notifications@github.com> 写道：遇到同样的问题，按照官方文档引入echarts-for-weixin，提示 WXMLRT_$gwx:./base.wxml:template:425:16: Template tmpl_0_ec-canvas not found. 参考链接：https://github.com/NervJS/taro-sample-weapp/blob/master/src/pages/echarts/echarts.js "@tarojs/cli": "3.0.9" demo // page/echarts/echarts.tsx import React from 'react'; import { View } from '@tarojs/components' import * as echarts from '../../components/ec-canvas/echarts' import styles from './index.module.scss'; function initChart(canvas, width, height) { const chart = echarts.init(canvas, null, { width: width, height: height }) canvas.setChart(chart) const model = { yCates: ['Saturday', 'Friday', 'Thursday', 'Wednesday', 'Tuesday', 'Monday', 'Sunday'], xCates: ['1', '2', '3', '4', '5'], data: [ // [yCateIndex, xCateIndex, value] [0, 0, 5], [0, 1, 7], [0, 2, 3], [0, 3, 5], [0, 4, 2], [1, 0, 1], [1, 1, 2], [1, 2, 4], [1, 3, 8], [1, 4, 2], [2, 0, 2], [2, 1, 3], [2, 2, 8], [2, 3, 6], [2, 4, 7], [3, 0, 3], [3, 1, 7], [3, 2, 5], [3, 3, 1], [3, 4, 6], [4, 0, 3], [4, 1, 2], [4, 2, 7], [4, 3, 8], [4, 4, 9], [5, 0, 2], [5, 1, 2], [5, 2, 3], [5, 3, 4], [5, 4, 7], [6, 0, 6], [6, 1, 5], [6, 2, 3], [6, 3, 1], [6, 4, 2] ] } const data = model.data.map(function (item) { return [item[1], item[0], item[2] || '-'] }) const option = { tooltip: { position: 'top' }, animation: false, grid: { bottom: 60, top: 10, left: 80 }, xAxis: { type: 'category', data: model.xCates }, yAxis: { type: 'category', data: model.yCates }, visualMap: { min: 1, max: 10, show: false, calculable: true, orient: 'horizontal', left: 'center', bottom: 10, inRange: { color: ['#37A2DA', '#32C5E9', '#67E0E3', '#91F2DE', '#FFDB5C', '#FF9F7F'], } }, series: [{ name: 'Punch Card', type: 'heatmap', data: data, label: { normal: { show: true } }, itemStyle: { emphasis: { shadowBlur: 10, shadowColor: 'rgba(0, 0, 0, 0.5)' } } }] } chart.setOption(option) return chart } export default class Echarts extends React.Component { constructor(props){ super(props) } config = { navigationBarTitleText: 'echarts-for-weixin 示例项目', navigationBarTextStyle: 'black', // navigationBarTitleText: 'WxParse 使用示例', backgroundColor: '#eeeeee', backgroundTextStyle: 'light', usingComponents: { 'ec-canvas': '../../components/ec-canvas/ec-canvas' // 书写第三方组件的相对路径 } } state = { ec: { onInit: initChart } } render () { return ( <View className={styles.echarts}> <ec-canvas id='mychart-dom-area' canvas-id='mychart-area' ec={this.state.ec}></ec-canvas> </View> ) } } 我也遇到了，你解决了吗 — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub, or unsubscribe.

Chen-jj · 2021-03-10T08:54:23Z

遇到同样的问题，按照官方文档引入echarts-for-weixin，提示 WXMLRT_$gwx:./base.wxml:template:425:16: Template tmpl_0_ec-canvas not found.
参考链接：https://github.com/NervJS/taro-sample-weapp/blob/master/src/pages/echarts/echarts.js
"@tarojs/cli": "3.0.9"

Vue2 应该参考 vue 分支：https://github.com/NervJS/taro-sample-weapp/tree/vue

Chen-jj · 2021-03-10T08:55:12Z

相关平台

京东小程序

小程序基础库: 2.10.4
使用框架: React

复现步骤

1、组件引入
config = {
usingComponents: {
parser: '@/utils/Parser/index' // 引入插件包
}
}
2、render () {
return (

)
}

期望结果

渲染富文本

实际结果

VM1098:1 ./base.wxml
Template tmpl_5_parser not found.
2115 |
2116 |
2117 |
| ^
2118 |
2119 |
2120 |

环境信息
Taro CLI 3.0.8 environment info:
    System:
      OS: Windows 10
    Binaries:
      Node: 12.18.3 - C:\Program Files\nodejs\node.EXE
      Yarn: 1.22.4 - C:\Users\PC\AppData\Roaming\npm\yarn.CMD
      npm: 6.14.6 - C:\Program Files\nodejs\npm.CMD

usingComponents 的 alias 当时没有支持，最新版本应该没有问题了。

taro-bot2 bot added F-react Framework - React T-jd Target - 编译到京东小程序 V-3 Version - 3.x labels Sep 8, 2020

taro-bot2 bot mentioned this issue Sep 12, 2020

项目周报 (2020 年 9 月 5 日 - 2020 年 9 月 12 日) #7599

Closed

Chen-jj closed this as completed Mar 10, 2021

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Taro 中引入 Parse 渲染报错 ./base.wxml Template `tmpl_5_parser` not found. #7550

Taro 中引入 Parse 渲染报错 ./base.wxml Template `tmpl_5_parser` not found. #7550

drunkWindy commented Sep 8, 2020

环境信息

luckyadam commented Sep 8, 2020

JX-Zhuang commented Sep 17, 2020

jinqh commented Dec 22, 2020

jinqh commented Dec 22, 2020

drunkWindy commented Dec 22, 2020 via email

Chen-jj commented Mar 10, 2021

Chen-jj commented Mar 10, 2021

相关平台

复现步骤

期望结果

实际结果

环境信息

Taro 中引入 Parse 渲染报错 ./base.wxml Template tmpl_5_parser not found. #7550

Taro 中引入 Parse 渲染报错 ./base.wxml Template tmpl_5_parser not found. #7550

Comments

drunkWindy commented Sep 8, 2020

相关平台

复现步骤

期望结果

实际结果

环境信息

luckyadam commented Sep 8, 2020

JX-Zhuang commented Sep 17, 2020

jinqh commented Dec 22, 2020

jinqh commented Dec 22, 2020

drunkWindy commented Dec 22, 2020 via email

Chen-jj commented Mar 10, 2021

Chen-jj commented Mar 10, 2021

相关平台

复现步骤

期望结果

实际结果

环境信息

Taro 中引入 Parse 渲染报错 ./base.wxml Template `tmpl_5_parser` not found. #7550

Taro 中引入 Parse 渲染报错 ./base.wxml Template `tmpl_5_parser` not found. #7550