페이지에서 js를 가져왔지만 그 안의 메소드를 호출할 수 없습니다.. (같은 폴더에 있음)
코드는 다음과 같습니다 html:
js의 내용은 다음과 같습니다.
으아악또는:
으아악잘 모르겠는데 안내 좀 부탁드려요...
某草草2017-06-14 10:54:32
질문자는 단지 js의 전역 변수에 대한 참조를 얻고 싶어합니다. 이러한 간단한 요구 사항은 반드시 모듈화될 필요는 없습니다.
으아악
ringa_lee2017-06-14 10:54:32
Chrome 브라우저 콘솔 --network를 사용하여 js 파일이 로드되었는지 확인하세요. 로드된 경우 콘솔에 오류가 있는지 확인하세요.
仅有的幸福2017-06-14 10:54:32
이 문제의 핵심은 JS의 모듈화입니다. 이전에는 AMD, CMD, requireJS, CommonJS 등 많은 솔루션이 있었습니다. 이러한 솔루션은 온라인에 많이 있으므로 직접 검색할 수 있습니다.
이제 ES6 사양에 통합된 솔루션에 대해 설명하겠습니다.
먼저 빌드 도구인 webpack이나 gulp가 필요합니다. 이에 비해 지금은 전자가 더 인기가 있지만 학습 비용이 약간 높거나 vue-cli
npm i babel이 도구는 ES6 코드를 대부분의 브라우저에서 지원하는 JS 코드로 구문 분석하는 데 사용됩니다. Babel에서 이 단계를 구현하는 방법에 대한 튜토리얼도 있습니다. 물론, vue-cli와 같은 스캐폴딩을 사용하면 로컬 서비스를 포함한 모든 것을 구성하는 데 도움이 되므로 이 단계를 건너뛰어도 됩니다.
ES6 사양을 사용하여 언어를 작성하고 문제를 해결하세요
팁:
문제를 재현하는 상황은 실제 프로젝트 개발에서 거의 발생하지 않아야 합니다. 왜냐하면 이는 몇 년 전에 해결된 문제이고 대규모 프로젝트에서는 반드시 직면하게 될 문제이기 때문입니다
이 문제의 핵심은 JS 모듈화입니다. 관심이 있는 경우에는 건너뛰고 모듈화를 직접 살펴보는 것이 좋습니다. ES6 사양