javascript - 使用 import 语句，为什么会失败并显示 "Uncaught SyntaxError: Unexpected identifier""

Question

所以我正在尝试测试 import myFunction from './mymodules.js'。在 Chrome 中打开时出现错误 - Uncaught SyntaxError: Unexpected identifier

这是回复:https://repl.it/@PaulThomas1/ModulePractice

我正在看这篇文章:https://developers.google.com/web/fundamentals/primers/modules

我的模块类:

export default function findInArray(arr, search) {
  if(Array.isArray(arr) == false) return Error("arr - Is not an array");
  if(search == undefined) return Error("search - Undefined");

  let searchMethod;

  if(typeof search == 'string') {
      searchMethod = (element) => { 
        return search == element;
      };
    } else {
      searchMethod = (element) => {
        return search(element);
      };
    }

  arr.forEach(element => {
    if(searchMethod(element)) {
      return element;
    }
  });

  return '';
}

我的 Javascript 正在尝试导入它:

import findInArray from './modules/util.js';

let myArray = ["Bill", "Bob", "Ben"];

console.log(findInArray(myArray, "Bob"));

注意:在 Repl 中它识别导入的方法，但无法运行。我已经阅读了几页陷阱页面，但没有任何内容。我做错了什么吗？

Answer 1

看起来像几个问题:

1) 你只需要加载 script.js 因为它调用了另一个模块(确保 type="module" 在那个脚本上)

<script type="module" src="script.js"></script>

2) 在 util 中，您不能像那样从 forEach 的回调中返回。您可能应该使用 filter或 find根据您的要求返回一个新的数组或对象:

return arr.filter(element => searchMethod(element));