uni-app MathJax用renderjs加载后，H5可以解析，APP端报错

uni-app MathJax用renderjs加载后，H5可以解析，APP端报错

产品分类

• uniapp/App

PC开发环境

手机系统

页面类型

• vue

打包方式

• 云端

项目创建方式

• HBuilderX

示例代码：

<template>  
    <view class="content">  
    {{content}}  

    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  
                content: '解：↵首先产生了中子、质子和电子，可知最先产生的元素为氢，其中子数比质子数多1的核素，其质量数为3，核素可表示为$_{1}^{3}\textrm{H}$或T，↵故答案为：氢；$_{1}^{3}\textrm{H}$或$T$↵'  
            };  
        },  
    methods: {  
      initMathJax() {  
        console.log(MathJax)  
        // TODO:公式解析  
        MathJax.Hub.Config({  
          "HTML-CSS": {  
            availableFonts: ["STIX-Web"],  
            preferredFont: "STIX-Web",  
            linebreaks: { automatic: false },  
            undefinedFamily: "STIXGeneral,'Arial Unicode MS',serif",  
            EqnChunk: (MathJax.Hub.Browser.isMobile ? 10 : 50),  
            webFont: "STIX-Web",  
            imageFont: "",  
            showMathMenu: false,  
            scale: 90  
          },  
          jax: ["input/TeX", "input/MathML", "output/HTML-CSS", "output/NativeMML", "output/CommonHTML"],  
          tex2jax: {  
            inlineMath: [  
                ["$", "$"],  
                ["\\(", "\\)"]  
            ],  
            displayMath: [  
                ["$$", "$$"],  
                ["\\[", "\\]"]  
            ],  
            processEscapes: true,  
            ignoreClass: "tex2jax_ignore|dno"  
          },  
          TeX: {  
            extensions: ["AMSmath.js", "AMSsymbols.js", "noErrors.js", "noUndefined.js"],  
            noUndefined: {  
                attributes: { mathcolor: "red", mathbackground: "#FFEEEE", mathsize: "100%" }  
            }  
          },  
          messageStyle: "none",  
          extensions: ["tex2jax.js", "mml2jax.js", "MathMenu.js", "MathZoom.js", "CHTML-preview.js"],  
          errorSettings: { message: ["parse..."] },  
          SVG: { linebreaks: { automatic: true }, width: "100% container" },  
          menuSettings: { CHTMLpreview: true }  
        })  
        MathJax.Hub.Queue(['Typeset', MathJax.Hub, ''])  
      }  
    }  
    }  
</script>  
<script module="MathJax" lang="renderjs">  
  export default {  
    mounted() {  
      if (typeof window.MathJax === 'object') {  
        this.initMathJax()  
      } else {  
        const script = document.createElement('script')  
        // script.src = 'https://www.stuspy.com/mathJax/MathJax.js?config=TeX-AMS-MML_HTMLorMML'  
        script.src = 'http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'  
        console.log('-----------')  
        console.log(this)  
        console.log('-----------')  
        script.onload = this.initMathJax.bind(this)  
        document.head.appendChild(script)  
      }  
    },  
    methods: {  
      // ...  
    }  
  }  
</script>  
<style lang="scss">  
.content{font-size: 18px;margin-top: 150px;}  
</style>  

操作步骤：

• test.vue 文件放到项目中看效果

预期结果：

• test.vue 文件里的内容公式可以解析到

实际结果：

• test.vue 文件在APP端报错了，报错内容为TypeError: Cannot read property ‘bind’ of undefined at view.umd.min.js:1

bug描述：

• APP端报错 TypeError: Cannot read property ‘bind’ of undefined at view.umd.min.js:1，无法解析公式
• 用浏览器开发预览可以完成公式解析