不能包含javacsript[重复]

Question

我觉得这是很基本的东西，但是我找不到正确的信息。我包括一个javascript文件在我的html：

<script src="/js/client_db.js" type="text/javascript"></script>

在客户机数据库中。js我正在尝试包含一个类：

import { Socket } from './phoenix';

let socket = new Socket("/socket", { params: { userToken: "123" } })
socket.connect()
let db_channel = socket.channel("ledgers", {})

db_channel.join()
    .receive("ok", resp => {
        console.log("Joined successfully", resp)
        clientDb(db_channel)
    })
    .receive("error", resp => { console.log("Unable to join", resp) })
    .receive("timeout", () => console.log("Networking issue. Still waiting..."))
...

在phoenix.js我有这样的课：

export class Socket {
...

但是，在浏览器控制台中，我得到错误：

Uncaught SyntaxError: Cannot use import statement outside a module

显然，解决这个问题的正确方法是转换client_db。js是一个模块，但如何最好地实现这一点还不清楚。

Answer 1

将type=“module”添加到脚本标记可能会为您解决此问题？

Answer 2

您需要将脚本作为模块加载：

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

https://developer.mozilla.org/de/docs/Web/JavaScript/Guide/Modules#applying_the_module_to_your_html