生成的html调用app.js中getPageName()函数出错的问题

Question

老师，你好
我在生成的页面中去留言时，发现获取文章Id失败
F12发现错误为
vue.min.js:6 TypeError: app.getPageName is not a function

app.js中的函数定义

getPageName() {
        var thisPath = window.location.pathname;
        var pathArray = thisPath.split("/");
        var pageNameSuffix = pathArray[pathArray.length - 1];
        var thisPage = pageNameSuffix.split(".")[0];
        // console.log(thisPage);
        return thisPage;
},

调用的地方为

// 根据当前页面的名称，定义为文章的articleId，作为我们的静态化页面名称
// 比如 1001.html, 200221.html
var thisPage = app.getPageName();
console.log(thisPage);
var articleId = thisPage;
this.articleId = articleId;

apps.js应该是引入成功的，因为点击作家中心可以正常跳转，这里调用的url就是在apps中获取的

goWriterCenter() {
 window.open(app.writerIndexUrl);
},

此外，在vscode中，进入下面的引用，也是正确跳转到app.js中。

 <script src="../js/app.js"></script>

请问一下，这是什么原因造成的啊

Answer 1

风间影月 2021-03-14 16:39:40

应该是路径问题了，在ftl中的路径设置不对，导致生成的也不对了，先在生成的html里改一下，然后修改ftl就行，之前一个同学和你一模一样的问题

• 提问者 儒雅随和4342680 #1

  谢谢老师，确实是路径的问题。

• Bluse666 回复 提问者 儒雅随和4342680 #2

  老哥，你改的哪的路径啊？

• Bluse666 #3

  老师，我的问题跟这位老哥的问题一样，ftl中的js路径是<script src="../js/app.js"></script>，生成的静态页面中的js路径是<script src="../js/app.js"></script>， app.js里面明明有getPageName,
  getPageName() {
          var thisPath = window.location.pathname;
          var pathArray = thisPath.split("/");
          var pageNameSuffix = pathArray[pathArray.length - 1];
          var thisPage = pageNameSuffix.split(".")[0];
          // console.log(thisPage);
          return thisPage;
      },
  但是还是提示没有这个函数呢？detail.ftl直接复制课程里的

Answer 2

weixin_慕九州7370361 2021-03-24 23:59:59

aaa

Answer 3

qq_夏不安_0 2021-03-24 02:04:52

我也是遇到问题，在ide中能跳转，改的哪里的路径？

• qq_夏不安_0 #1

  已解决。app.js中没有getPageName方法，去copy一个就好了。

• 打卤面加蛋 #2

  厉害，进阶篇里的app.js里多了一个这方法，我用的基础篇前端，一直有问题

• Bluse666 回复 打卤面加蛋 #3

  牛逼  ，我也是  哈哈哈

点开查看后面1条评论