javascript - 错误 : "Unexpected token ' {'. Import call expects exactly one argument" when trying to import functions from a script-6ren

javascript - 错误 : "Unexpected token ' {'. Import call expects exactly one argument" when trying to import functions from a script

转载作者：行者123 更新时间：2023-12-04 17:41:17

25

4

我设置了一个 html 页面，其中包含一个按钮，当单击该按钮时，会从外部 javascript 文件激活一个功能。有问题的 JS 文件从另一个 JS 文件中导入了另外两个函数。但是，当我在浏览器 (Safari 12.0.2) 中加载 html 文件并在调试器中查看它时，我收到一条错误消息，指出“语法错误:意外标记 '{'。导入调用需要一个参数。”

这些文件被命名为“html_test_run.html”、“test_run_javascript.js”和“export_test_run.js”。我曾尝试将脚本的类型设置为“模块”，但这只会导致一个新的错误，即“Access-Control-Allow-Origin 不允许 Origin null”。我还尝试使用三个 html 标签，前两个具有 js 文件的源，第三个定义了按钮将使用的新功能，但也不起作用。

<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Test run</title>
    <meta name="description" content="Test run">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!--
    <link rel="stylesheet" href="">
  -->
  <script type="text/javascript" src="assets/test_run_javascript.js">
  </script>
  </head>
  <body>
      <button type="button" name="button" onclick="doSomething()">Click me</button>
  </body>
</html>

第一个JS文件:

import {doSomethingElse1, doSomethingElse2} from "export_test_run.js";
function doSomething(){
  doSomethingElse1();
  doSomethingElse2();
  console.log("Test successful");
}

第二个JS文件:

function doSomethingElse1(){
  console.log("Test successful1");
}

function doSomethingElse2(){
  console.log("Test successful2");
}

export {doSomethingElse1, doSomethingElse2};

我希望文件会正确加载，并且按钮会在单击时调用函数“doSomething()”。

任何帮助将不胜感激。

最佳答案

您必须在页面上正确包含一个脚本，显示脚本类型为“模块”:

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

如果浏览器不支持模块，您可以使用“nomodule”属性简单地处理它:

<script nomodule>
  console.info(`Your browser doesn't support native JavaScript modules.`);
</script>

关于javascript - 错误 : "Unexpected token ' {'. Import call expects exactly one argument" when trying to import functions from a script，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/54392611/

25

4

0

文章推荐：以编程方式使用 Angular 7 CLI

文章推荐： python - 使用 Selenium 的 Linkedin Web Scraper

文章推荐： apache-beam - Apache Beam 设置自定义事件时间戳和水印

c - 应用程序接受 : *argument but not of the form argument* or *argument* 形式的命令行参数
例如，如果我的程序名称是 test.c 然后对于以下运行命令，argc = 2 而不是 4。 $test abc pqr* *xyz* 最佳答案尝试运行: $ echo abc pqr* *xyz*
flutter - “Positional arguments must occur before named arguments. Try moving all of the positional arguments before the named arguments”错误抖动
我正在尝试使用一个容器来显示TextField，但是该容器不喜欢我的操作顺序。这是我的代码: Widget build(BuildContext context) { return Scaffol
javascript - 未捕获的 SyntaxError : Unexpected eval or arguments in strict mode: window. gtag = (arguments) => dataLayer.push(arguments);
我有以下代码: class MetricGoogleGateway extends AMetricGateway{ constructor(id, name, token) {
javascript - this.argument 和 argument 之间的区别？
我像这样调用下面的对象方法。 new Cout( elem1 ).load( 'body' ) new COut( elem1 ).display( 'email' ) 我一次只使用一个实例。因为我一
c++ - 可变模板函数 : argument number for each argument
我正在尝试使用 C++11 中的可变参数函数模板，并通过如下代码了解了基本思想: void helper() { std::cout void helper( T&& arg ) {
javascript - "arguments"变量从哪里来 "this.callParent(arguments)"？
在学习 ExtJS 4 时，我发现在定义一个新类时，在 initComponent 中方法可以使用 this.callParent(arguments) 调用父类的构造函数. 我想知道这个 argum
swift 4 : Cannot convert value of type '(_) -> ()' to expected argument type '() -> ()' or Argument passed to call that takes no arguments
使用 XCode 9，Beta 3。Swift 4。 statsView.createButton("Button name") { [weak self] Void in //stuff st
javascript - 如果其中一个参数称为 `arguments` ，我可以获得 "arguments"对象吗？
以下代码将打印1: (function (arguments) { console.log(arguments); }(1, 2)); 实际上，arguments 对象已被覆盖。是否可以恢复函
php - 编译错误 : Cannot use positional argument after named argument
/** * @param $name * @return Response * @Route ("/afficheN/{name}",name="afficheN") */ public fu
Scala scopt : argument required() based on one or more other arguments
我习惯使用Scala scopt用于命令行选项解析。您可以选择参数是否为 .required()通过调用刚刚显示的函数。如何定义仅在定义了另一个参数时才需要的参数？例如，我有一个标志 --writ
python - 语法错误 : positional argument follows keyword argument:
所以这是我的代码: def is_valid_move(board, column): '''Returns True if and only if there is an o
python - 我该如何解决SyntaxError : positional argument follows keyword argument
我试图在这里运行此代码: threads = [threading.Thread(name='ThreadNumber{}'.format(n),target=SB, args(shoe_type,m
haskell - 输入 FP : Tuple Arguments and Curriable Arguments
在静态类型函数编程语言(例如 Standard ML、F#、OCaml 和 Haskell)中，编写函数时通常将参数彼此分开，并通过空格与函数名称分开: let add a b = a + b
javascript - 获取被调用者 Function.Arguments 之一的 Function.Arguments
function validateArguments(args) { if(args.length 2) { throw new RangeError("Invalid amo
django - 无反向匹配 : with arguments '()' and keyword arguments
我正在使用 Django 1.5 并尝试将参数传递到我的 URL。当我使用前两个参数时，下面的代码工作正常，使用第三个参数时我收到错误。我已经引用了新的 Django 1.5 更新中的 url 用法，
ember.js - emberjs : What does the . ..arguments in this._super(...arguments) 表示什么？
我刚刚开始使用 ember js 并且多次被这个功能绊倒有人可以简要介绍一下 this._super() 的使用，并解释 ...arguments 的重要性谢谢最佳答案每当您覆盖类/函数(例如
ios - 错误 : Argument passed to call that takes no arguments
这个问题在这里已经有了答案: How to fix an "Argument passed to call that takes no arguments" error? (2 个答案) 关闭 3
ios - 错误 : Argument passed to call that takes no arguments
我正在创建一个简单的登录注册应用程序。但是我遇到了错误，我不知道如何解决，请帮忙!这是我的代码: // // ViewController.swift // CHLogbook-Applicati
Swift 构造函数未出现在方法列表中， "Arguments passed to call that takes no arguments"
我是 Swift 的初学者。我尝试创建一个表示 Meal 的简单类。它有一些属性和一个返回可选的构造函数但是当我尝试测试它或在任何地方实例化它时，我得到的只是一个错误。似乎无法弄清楚发生了什么。
java - Linux 终端 : How to pass an argument to another argument
我有一个在特殊环境下运行其他程序的系统程序: cset shield -e PROGRAM .现在要运行一个 java 程序，我输入了 cset shield -e java PROGRAM ，但这不

首页

博学

6Ren·AI

商城

javascript - 错误 : "Unexpected token ' {'. Import call expects exactly one argument" when trying to import functions from a script