HTML 파일에서 JS 모듈 사용

Question

Javascript 코드를 node.js로 변환 중이므로 "Function" 대신 "Class< /strong>" 및 "Module"을 사용하여 ES6에 맞게 이전 코드를 변경하겠습니다. " "요소.

서버측을 먼저 업데이트했는데 모든 것이 순조롭게 진행되었습니다. 그런데 지금은 클라이언트에 접속하려고 하는데 이전 인코딩을 새 인코딩으로 변환하는 데 문제가 있습니다.

다음 예에서는 2개의 애플릿을 찾을 수 있습니다.

"모듈" 애플릿은 "FooClass.js" 및 "Foo_mod.html"이라는 2개의 파일로 구성됩니다.

"구성 요소"에는 "FooComp.js" 및 "Foo_comp.html"이 포함됩니다.

4개 파일은 모두 같은 폴더에 저장되어 있습니다. 두 애플릿 모두 "x = 7" 경고 메시지를 표시해야 하지만 "Module" 애플릿은 그렇지 않습니다. 반면 구식 사람들은 올바르게 표시합니다. 그러나 VS Code에서 Ctrl+js 파일 이름을 클릭하면 html 코드에서 js 파일에 접근하는 데 문제가 없습니다. 그러니 내 새 코드에 뭔가 문제가 있는 게 틀림없지만 찾을 수 없습니다. 누구든지 나를 도울 수 있다면 미리 감사드립니다...

1 - 모듈 지향 애플릿(작동하지 않음):

FooClass.js:

으아악

---

Foo_mod.html:

으아악

---

2 - 기존 메소드 애플릿: (잘 작동함)

FooComp.js

으아악

---

Foo_Comp.html:

class Foo {
    constructor() {
        this.foo = "";
    }
    cinq (x) {  //(real)->real
        return x + 5;
     }
}
module.exports = Foo;

Answer 1

수정해야 합니다 FooClass.js 文件以使用 ES6 导出语法而不是 module.exports:

으아악

다음을 사용할 수 있습니다. import语句导入Foo수업:

으아악