Question

我当前在组件的以下JS文件中收到ES Lint错误：

import Component from '@ember/component';

export default Component.extend({


  didInsertElement() {
    this.$(document).ready(function () {
      App.init();
    });

  },

  actions: {

    toggleDropdownCurrentUser() {
      this.toggleProperty('userDropDownOpen');
    },

    toggleNav() {
      this.toggleProperty('navDropDownOpen');
    }

  }

});

功能App正在报告为not defined。此功能在build上编译的vendorjs文件中，肯定可以正常工作。

我尝试从../../../vendor/apps导入App，但似乎无法正确显示文件夹结构，最终出现错误提示我无法返回项目的根目录。

我缺少一些方法吗？

Answer 1

在这里我将假设App是全局的。 Ember的.eslintrc.js文件使用：

extends: 'eslint:recommended'

具有规则no-undef-> disallow the use of undeclared variables unless mentioned in /*global */ comments

有一个解决方案，就是在每个引用/*global App*/的文件的顶部添加App。如果有很多地方，请使用.eslintrc.js选项：

globals: {
  App: true
}

允许App随处可见。

如何在组件的供应商文件夹中引用功能？

1 个答案: