Homestead에서 laravel-mix를 사용할 때 발생하는 문제 요약

다음 튜토리얼 칼럼인 laravel에서는 홈스테드에서 laravel-mix를 사용할 때의 문제점을 요약해서 laravel-mix가 필요한 친구들에게 도움이 되길 바랍니다!

홈스테드에서 laravel-mix 사용 시 문제점 요약

공식 laravel 문서에 따르면 laravel-mix 사용을 준비하면서 많은 문제에 부딪혔고, 많은 학생들이 같은 문제를 겪었을 거라 생각하고 해결하는데 시간을 쏟았습니다. 이러한 문제가 있는 경우 모든 사람이 구덩이를 채우는 시간을 줄이는 데 도움이 되도록 여기에 기록해 두세요.

Environment

• laravel v5.4

• node v6.10.2

• npm v3.10.10

Homestead의 node 및 npm 기본 버전은 위와 같습니다

질문

1 . npm intall을 직접 실행하면 심볼릭 링크 오류가 발생합니다

이 오류는 공식 문서를 주의 깊게 읽지 않아 발생합니다. npm install --no-bin-linksnpm install --no-bin-links

如果你使用的是 Windows 系统或运行在 Windows 系统上的 VM, 你需要在运行 npm install 命令时将 --no-bin-links 开启

2. cross-env: not found

正确执行 npm 安装成功后，执行 npm run dev 会提示 cross-env:not found 错误。在 laravel 5.4 中 package.json 中的内容如下：

{
  "private": true,
  "scripts": {
    "dev": "npm run development",
    "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "watch": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "watch-poll": "npm run watch -- --watch-poll",
    "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
    "prod": "npm run production",
    "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
  },
  "devDependencies": {
    "axios": "^0.16.2",
    "bootstrap-sass": "^3.3.7",
    "cross-env": "^5.0.1",
    "jquery": "^3.1.1",
    "laravel-mix": "^1.0",
    "lodash": "^4.17.4",
    "vue": "^2.1.10"
  }
}

请按照如下更改

{
  "private": true,
  "scripts": {
    "dev": "npm run development",
    "development": "node node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "watch": "node node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "watch-poll": "npm run watch -- --watch-poll",
    "hot": "node node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
    "prod": "npm run production",
    "production": "node node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
  },
  "devDependencies": {
    "axios": "^0.16.2",
    "bootstrap-sass": "^3.3.7",
    "cross-env": "^5.0.1",
    "jquery": "^3.1.1",
    "laravel-mix": "^1.0",
    "lodash": "^4.17.4",
    "vue": "^2.1.10",
    "vue-loader": "^13.0.0"
  }
}

注意看 scripts 中的区别

3. no such file or directory , scandir ‘…/node_modules/node-sass/vendor

重建 node-sass 即可，请务必执行如下命令：

npm rebuild node-sass --no-bin-links

4. TypeError: loader.charAt is not a function

需要安装最新版本的 vue-loader

npm install vue-loader --save-dev --no-bin-links

를 실행해야 합니다. Windows 시스템 또는 Windows 시스템에서 실행되는 VM을 사용하는 경우 npm install 명령

2을 실행할 때 --no-bin-links를 활성화해야 합니다. cross-env: notfound

npm을 올바르게 실행하세요. npm run dev를 실행하면 cross-env: notfound 오류 메시지가 표시됩니다. laravel 5.4의 package.json 내용은 다음과 같습니다.

rrreee

다음과 같이 변경하세요

rrreee

스크립트 차이에 주의하세요3. 해당 파일이나 디렉터리는 없습니다. scandir '…/node_modules/node-sass/ Vendor

node-sass를 다시 빌드하십시오. 다음 명령을 실행하십시오:

🎜npm 재건 node-sass --no-bin-links🎜🎜4 TypeError: loader.charAt는 a가 아닙니다. function🎜🎜 최신 버전의 vue-loader를 설치해야 합니다🎜🎜npm install vue-loader --save-dev --no-bin-links🎜🎜End🎜🎜원래 사용할 예정이었습니다 laravel+vue2를 이용해서 간단한 데모를 작성했는데, 설치 및 운영 과정에서 위의 4가지 문제가 발생했는데, 위의 내용대로 해결하시면 기본적으로는 정상적으로 실행이 가능합니다. , 메시지를 남겨서 소통할 수 있습니다. 🎜🎜🎜🎜🎜【추천: 🎜최신 5개 Laravel 비디오 튜토리얼🎜】🎜🎜🎜

위 내용은 Homestead에서 laravel-mix를 사용할 때 발생하는 문제 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!