> 백엔드 개발 > Golang > npm을 사용하여 템플릿에서 노드 모듈을 설치하는 방법

npm을 사용하여 템플릿에서 노드 모듈을 설치하는 방법

王林
풀어 주다: 2024-02-08 22:36:21
앞으로
434명이 탐색했습니다.

如何使用 npm 从模板安装的节点模块

php 편집기 Xigua에서는 npm을 통해 템플릿에서 노드 모듈을 설치하는 방법을 소개합니다. npm은 Node.js용 패키지 관리자로, 노드 모듈을 쉽게 설치, 관리, 업그레이드 및 삭제하는 데 도움이 됩니다. 먼저 컴퓨터에 Node.js가 설치되어 있는지 확인해야 합니다. 그런 다음 터미널이나 명령 프롬프트를 열고 프로젝트 디렉터리로 이동합니다. 다음으로 npm init 명령을 통해 프로젝트를 초기화하여 package.json 파일을 생성합니다. package.json 파일에서는 프로젝트 이름, 버전, 작성자 및 기타 정보를 설정할 수 있습니다. 초기화가 완료되면 npm install 명령어를 통해 모듈을 설치할 수 있습니다. 예를 들어 lodash라는 모듈을 설치하려면 npm install lodash 명령을 실행할 수 있습니다. 설치가 완료되면 프로젝트의 node_modules 폴더에서 설치된 모듈을 찾을 수 있습니다. 이렇게 하면 프로젝트에서 이러한 모듈을 사용할 수 있습니다. npm을 사용하여 템플릿에서 설치된 노드 모듈은 매우 간단하며 완료하는 데 몇 가지 간단한 단계만 필요합니다.

질문 내용

Go 템플릿에서 npm이 설치된 라이브러리를 사용하려고 합니다.

아래 그림과 같이 루트 폴더에 저장된 "npm install three"를 통해 필요한 3개의 라이브러리를 설치했습니다.

이후 아래와 같이 three.js 모듈을 가져와서 사용하려고 했으나 threejs를 찾을 수 없었습니다.

파일 시스템에 문제가 있는 것 같은데, 제 경우에는 어떻게 threejs를 문제 없이 사용할 수 있나요?

으아악

오류

"/三"에서 *를 3개로 가져옵니다;

으아악

"3"에서 *를 3으로 가져옵니다.

으아악 main.go의

e.static("/node", "node_modules")

"/node/node_modules/三/build/third.module.js"에서 *를 3개로 가져옵니다.

import * as three from "/three";

class app{
    constructor(){
        // 장면
        const scene = new three.scene();

        // 카메라
        const camera = new three.perspectivecamera(75, window.innerwidth / window.innerheight, 0.1, 1000);

        // 렌더러
        const renderer = new three.webglrenderer();
        renderer.setsize(window.innerwidth, window.innerheight);

        document.body.appendchild(renderer.domelement);

        renderer.render(scene, camera);
    }
}

window.onload = function(){
    new app();
}
로그인 후 복사

솔루션

http://localhost:8081/three net::err_aborted 404 (not found)
로그인 후 복사
작업 경로 수정으로 문제가 해결되었습니다.

위 내용은 npm을 사용하여 템플릿에서 노드 모듈을 설치하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:stackoverflow.com
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿