HTML 파일에서 JS 모듈 사용
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;