Question

我试图在ES6中运行一个简单的Angular模块，但是得到“Argument'HomeController'不是一个函数，得到了未定义的”错误。我从gulp和babel获得编译/缩小的app.min.js。

代码如下： -

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="tab_select">
  <li><a href="#tab1">Tab 1</a></li>
  <li><a href="#tab2">Tab 2</a></li>
</ul>
<div class="tabs">
  <div id="tab1" class="tab">
    <h3>
      Tab 1 content
    </h3>
    <p>
      <select name="city" class="city">
        <option value="">Select city</option>
        <option value="5">City1</option>
        <option value="12">City2</option>
        <option value="13">City3</option>
        <option value="14">City4</option>
        <option value="15">City5</option>
      </select>
    </p>
    <p class="result">
      -result comes here
    </p>
  </div>
  <div id="tab2" class="tab">
    <h3>
      Tab 2 content
    </h3>
    <p>
      <select name="city" class="city">
        <option value="">Select city</option>
        <option value="5">City1</option>
        <option value="12">City2</option>
        <option value="13">City3</option>
        <option value="14">City4</option>
        <option value="15">City5</option>
      </select>
    </p>
    <p class="result">
      -result comes here
    </p>
  </div>
  <div class="spinner">

  </div>
</div>

任何帮助将不胜感激..谢谢

Answer 1

您使用命名导出 export {name1, name2 ...}，然后使用默认导入 import name from ...。

你做不到。

你能做什么：

import Test from ... export default Test;
import {Test} from ... export {Test};

注意： 这就是角度试图对你说的话（他不能从undefined创建一个控制器）。

看看： https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Instructions/import https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Instructions/export

Angular 1.5 ES6'Controller not function got undefined'错误

1 个答案: