오류: 'webpack' 모듈을 찾을 수 없습니다.

오류: 'webpack' 모듈을 찾을 수 없습니다.

웹팩을 시작한지 얼마 되지 않아 여러 진입점 샘플을 빌드하는 데 어려움을 겪고 있습니다.예제의 webpack.config.js 파일에는 다음 행이 포함되어 있습니다.

 var CommonsChunkPlugin = require("../../lib/optimize/CommonsChunkPlugin");

그것은 나에게 오류로 실패합니다.

Error: Cannot find module '../../lib/optimize/CommonsChunkPlugin'

검색해보니 CommonsChunkPlugin을 다음과 같이 사용하는 다른 예를 발견했습니다.

var commonsPlugin = new webpack.optimize.CommonsChunkPlugin("common.js");

오류와 함께 실패합니다.

ReferenceError: webpack is not defined

더 많은 검색에서 다음을 포함한 많은 예를 찾았습니다.

var webpack = require('webpack');

그리고 내 빌드는 이제 실패합니다.

Error: Cannot find module 'webpack'

어떻게 진행해야 할지 막막합니다.

전체적으로 설치된 패키지를 프로젝트에 연결합니다.

npm link webpack

의 공식 문서를 확인하십시오.yarn link.

다시 설치하여 동일한 문제를 해결한 후 이 명령을 실행합니다.

rm -rf node_modules
rm -f package-lock.json
npm install

rm특히, 항상 위험한 명령입니다.-f실행하기 전에 알아두시기 바랍니다!!!!!

Windows에서 작업하는 동안 로컬로 웹 팩을 설치하여 문제를 해결했습니다.

명령 프롬프트에서 webpack을 실행할 디렉토리로 이동하여 webpack을 로컬(-g 없이) 설치하고...

터미널에서 아래 명령을 실행합니다.

npm install --save-dev webpack

npm install --save-dev webpack-dev-server

일반적인 Windows 문제인 것 같습니다.이것이 저를 위해 해결했습니다.

윈도우즈에서 노드js가 설치된 모듈을 찾을 수 없습니까?

"을 합니다.NODE_PATH으로 설정합니다.%USERPROFILE%\Application Data\npm\node_modules(Windows XP),%AppData%\npm\node_modules(Windows 7) 또는 npm이 사용자의 Windows 버전에 모듈을 설치하는 곳입니다.시스템 속성 대화상자의 고급 탭에서 시스템 변수로 추가합니다(제어 실행).exe sysdm.cpl, 파일 이름, 3)."

는 다값내에서다른환경변실수없사다습니용제할수로를의 값 수 .NODE_PATH 위에 , 즉, 위, 문, 의와 같이 실제 된 경로로 합니다.C:\Users\MYNAME\AppData\Roaming\npm\node_modules

OS X에서 이 문제가 발생했는데 글로벌하게 설치된 버전이 일치하지 않아 발생한 것 같습니다.webpack로컬로 설치된 내 시스템은webpack-dev-server둘 다 최신 버전으로 업데이트하여 문제가 해결되었습니다.

저도 같은 문제에 직면했고, 이 명령을 통해 해결했습니다. 이것이 당신의 문제를 해결해 줄 것입니다.

rm -Rf node_modules
rm -f package-lock.json
npm install

웹팩과 CLI를 글로벌하게 설치하는 것이 저에게 효과가 있었습니다.

npm i -g webpack webpack-cli

노드 패키지를 설치했지만 패키지가 정의되지 않았다는 메시지가 계속 표시되는 경우 이진에 연결하는 PATH에 문제가 있을 수 있습니다.이진 파일과 실행 파일을 명확히 하기 위해서는 기본적으로 패키지나 응용 프로그램을 실행하는 것과 같은 작업을 수행해야 합니다.ei 웹팩...노드 패키지 웹 팩을 실행합니다.

Windows와 Linux에는 모두 글로벌 이진 폴더가 있습니다.Windows에서는 C://Windows/System32와 같은 것이고 Linux에서는 usr/bin입니다.터미널/명령 프롬프트를 열면 해당 프로필이 PATH 변수를 글로벌 bin 폴더에 연결하여 패키지/응용 프로그램을 실행할 수 있습니다.

웹 팩을 글로벌하게 설치하면 실행 파일이 글로벌 바이너리 폴더에 성공적으로 저장되지 않았을 수 있습니다.실행 파일이 없으면 오류 메시지가 표시됩니다.다른 문제가 될 수도 있지만, 여기서 이 내용을 읽고 있다면 웹 팩을 전체적으로 실행하는 것은 효과가 없다고 해도 무방합니다.

이 문제에 대한 저의 해결책은 전역적으로 웹 팩을 실행하는 것을 없애고 PATH를 /node_modules/.bin인 node_module 바이너리 폴더에 연결하는 것입니다.

WINDOWS: node_modules/.bin을 PATH에 추가합니다.다음은 창에서 PATH 변수를 변경하는 방법에 대한 자습서입니다.

리눅스: 프로젝트 루트로 이동하여 실행...

export PATH=$PWD/node_modules/.bin:$PATH 

Linux에서는 터미널을 열 때마다 이 명령을 실행해야 합니다.이 링크는 PATH 변수를 영구적으로 변경하는 방법을 보여줍니다.

Windows(윈도우)에서 컴퓨터에 대한 관리자 권한이 없는 경우(즉, 로컬 관리자가 아닌 경우) 이 문제가 표시됩니다.

다른 사람이 제안한 것처럼, 해결책은 다음을 사용하지 않고 로컬로 설치하는 것 같습니다.-g넌지시 비추다

저에게는 잘못된 오류 피드백입니다.

오류가 발생했습니다.webpack.config.js,

파일을 삭제하고 다시 시작하여 문제를 해결합니다.

npm 명령 프롬프트와 --cd 솔루션 폴더를 연 다음 NPM cmd 프롬프트에서 npm 링크 웹 팩을 실행하고 다시 빌드합니다.

이거 드셔보세요.

npm install --only=dev

저한테는 효과가 있어요.

저의 경우 부모 폴더 이름을 변경하고 일부를 제거하는 데 도움을 주었습니다.&이 이름을 사용하여 코드를 보관하는 이름이나 폴더를 변경할 수도 있습니다.

rm -rf node_modules
rm -rf package.json-lock
npm install --force or npm install --legacy-peer-deps

위에서 제안한 어떤 것도 저에게 효과가 없었습니다(NODE_PATH 변수 포함).로컬 폴더에서 글로벌 AppData(예: 아래)로 "node_modules" 심볼 링크를 생성하여 매력적으로 작동했습니다.

C:\Users\mmoinuddin\AppData\Roaming\npm>mklink /D node_modules c:\essportreact\day1\node_modules
symbolic link created for node_modules <<===>> c:\essportreact\day1\node_modules
C:\essportreact\day1>webpack
Hash: 2a82a67f90f9aa05ab4a
Version: webpack 1.15.0

방금 아톰 IDE 터미널을 사용하여 종속성을 로컬로 설치하지 않았다는 것을 알게 되었습니다(아마 버그나 나만).gitbash를 외부에 설치하고 npm 명령을 다시 실행하는 것이 나에게 효과가 있었습니다.

VS 2017에서 매우 간단한 .NET Core 2.0 애플리케이션을 구축하는 데 많은 문제가 있었습니다.이것은 AppVeyor의 오류이지만 로컬에서 기본적으로 동일했습니다(보안을 위해 일부 경로가 생략됨).

처음 실행 웹 팩 빌드를 수행하는 중...

module.js:327 던지기 오류;

EXEC: 오류: '........../node_modules/webpack/bin/webpack.js' 모듈을 찾을 수 없습니다.

함수에서.Module._resolveFilename(module.js:325:15)

함수에서.Module._load (module.js:276:25)

함수에서.Module.runMain(module.js:441:10)

시작 시(노드.js:140:18)

at node.js:1043:3

csproj(25,5): 오류 MSB3073:"node node_modules/webpack/bin/webpack.js --config webpack.config.vendor.js" 명령이 코드 1과 함께 종료되었습니다.

빌드 실패.

저는 이 질문과 대답을 우연히 발견했고, 저는 제 지역 인스턴스에도 같은 경고 표시가 있다는 것을 알아차렸습니다.{Project Root} -> Dependencies -> npm폴더를 누릅니다.마우스 오른쪽 버튼을 클릭하고 "Restore packages(패키지 복원)"를 클릭하면 모든 것이 올바르게 로드되어 성공적으로 빌드할 수 있었습니다.

npm 링크 웹팩은 나에게 효과가 있었습니다.

내 웹 팩 구성: "webpack": "^4.41.2", "webpack-dev-server": "^3.9.0", "webpack-cli": "^3.3.10"

Visual Studio 사용자의 경우: npm 폴더를 마우스 오른쪽 단추로 클릭하고 "패키지 복원"을 클릭합니다.

제안된 해결책이 있는 동안 (npm link webpack) 로컬에서 CI(GitHub 작업)에 대해 작업했으며 동일한 문제를 해결하기 위해 다음을 사용했습니다.

 npm i --save-dev webpack

라라벨 사용자

위의 옵션 중 아무 것도 사용할 수 없는 경우에는 Laravel-mix를 올바르게 설치해야 합니다.방법은 다음과 같습니다.

npm install laravel-mix --save-dev

이제 다음을 만듭니다.webpack.mix.js다음 명령을 사용한 파일:

touch webpack.mix.js

이 코드를 에 추가합니다.webpack.mix.js파일:

mix.js('resources/js/app.js', 'public/js').postCss('resources/css/app.css', 'public/css', [
    require('postcss-import'),
    require('tailwindcss'),
    require('autoprefixer'),
]);

또한 다음을 생성해야 할 수도 있습니다.tailwind.config.js명령어를 사용한 파일touch tailwind.config.js다음 코드 a를 추가합니다.

module.exports = {
    content: [
        './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
        './storage/framework/views/*.php',
        './resources/views/**/*.blade.php',
    ],

    theme: {
        extend: {
            fontFamily: {
                sans: ['Nunito', ...defaultTheme.fontFamily.sans],
            },
        },
    },

    plugins: [require('@tailwindcss/forms')],
};

최종 실행npm run dev

따라서 Windows의 경우 가능한 문제는 거의 없습니다.

프로젝트를 다음 폴더로 이동했습니다.&이름으로, 창문에는 괜찮지만 오후에 고장이 났습니다.내 해결책은 그것을 제거하는 것이었습니다.&라는 이름에서

test&mocking->test_and_mocking

제가 그걸 해결한 것은webpack.config에서 틀렸습니다.build.js

언급URL : https://stackoverflow.com/questions/29492240/error-cannot-find-module-webpack