Question

尝试使用laravel 5.6.7＆amp; laravel-mix 2.0.0在webpack 4.1.0下混音npm run dev

deleted npm_modules folder

每次运行都会出现此错误.. 尝试过共同的工作，

npm cache clean --force
npm install
at addDependency (C:\wamp\www\krish\node_modules\webpack\lib\Compilation.js:387:30) at iterationOfArrayCallback (C:\wamp\www\krish\node_modules\webpack\lib\Compilation.js:78:3) at addDependenciesBlock (C:\wamp\www\krish\node_modules\webpack\lib\Compilation.js:407:5) at Compilation.processModuleDependencies (C:\wamp\www\krish\node_modules\webpack\lib\Compilation.js:418:4) at afterBuild (C:\wamp\www\krish\node_modules\webpack\lib\Compilation.js:545:16) at _this.buildModule.err (C:\wamp\www\krish\node_modules\webpack\lib\Compilation.js:591:11) at callback (C:\wamp\www\krish\node_modules\webpack\lib\Compilation.js:342:35) at module.build.error (C:\wamp\www\krish\node_modules\webpack\lib\Compilation.js:378:12) at handleParseResult (C:\wamp\www\krish\node_modules\webpack\lib\NormalModule.js:363:12) at doBuild.err (C:\wamp\www\krish\node_modules\webpack\lib\NormalModule.js:385:6) at runLoaders (C:\wamp\www\krish\node_modules\webpack\lib\NormalModule.js:264:12) at C:\wamp\www\krish\node_modules\loader-runner\lib\LoaderRunner.js:370:3 at iterateNormalLoaders (C:\wamp\www\krish\node_modules\loader-runner\lib\LoaderRunner.js:211:10) at Array.<anonymous> (C:\wamp\www\krish\node_modules\loader-runner\lib\LoaderRunner.js:202:4) at Storage.finished (C:\wamp\www\krish\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:43:16) at provider (C:\wamp\www\krish\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:79:9) at C:\wamp\www\krish\node_modules\graceful-fs\graceful-fs.js:78:16 at FSReqWrap.readFileAfterClose [as oncomplete] (fs.js:532:3)

仍然一样..

cross-env NODE_ENV =开发node_modules / webpack / bin / webpack.js --progress --hide-modules --config = node_modules / laravel-mix / setup / webpack.config.js

0％编译    10％构建模块0/1模块1活动... krish \ node_modules \ toastr \ toastr.less    10％建筑模块1/1模块0有效    10％建筑模块2/2模块0有效    10％构建模块2/3模块1活动... \ www \ krish \ resources \ assets \ js \ app.js    10％构建模块2/5模块3活动... \ krish \ resources \ assets \ sass \ app.scss    10％建筑模块3/6模块3活动...来源\资产\ less \ adminlte-app.less    10％构建模块4/7模块3活动... krish \ node_modules \ toastr \ toastr.less    10％构建模块5/8模块3活动... otstrap-less \ bootstrap \ bootstrap.less    10％构建模块6/8模块2活动... sh \ resources \ assets \ js \ app-landing.js    10％构建模块6/9模块3活动... krish \ node_modules \ toastr \ toastr.less    10％构建模块6/11模块5活动... \ krish \ resources \ assets \ sass \ app.scss    10％构建模块6/12模块6活动...来源\资产\ less \ adminlte-app.less    10％构建模块6/13模块7活动... modules \ style-loader \ lib \ addStyles.js    10％构建模块7/13模块6活动... modules \ style-loader \ lib \ addStyles.js    10％建筑模块8/13模块5活动...来源\资产\ less \ adminlte-app.less    10％构建模块8/14模块6活动... de_modules \ css-loader \ lib \ css-base.js    11％构建模块9/14模块5活动... de_modules \ css-loader \ lib \ css-base.js    11％构建模块10/14模块4活动... de_modules \ css-loader \ lib \ css-base.js    11％构建模块11/14模块3活动...来源\资产\ less \ adminlte-app.less    11％构建模块11/15模块4活动... node_modules \ style-loader \ lib \ urls.js    11％构建模块11/16模块5活动... h \ node_modules \ vue \ dist \ vue.common.js    11％构建模块12/16模块4活动... h \ node_modules \ vue \ dist \ vue.common.js    11％构建模块13/16模块3活动... h \ node_modules \ vue \ dist \ vue.common.js    11％构建模块14/16模块2活动... sources \ assets \ less \ adminlte-app.less TypeError：dep.getResourceIdentifier不是函数
{
  "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",
    "lint": "./node_modules/.bin/eslint --ext .js,.vue resources/assets/js"
  },
  "devDependencies": {
    "acacha-forms": "^1.0.0",
    "admin-lte": "^2.4.2",
    "axios": "^0.18.0",
    "babel-eslint": "^8.2.2",
    "babel-loader": "^7.1.3",
    "babel-preset-es2015": "^6.22.0",
    "bootstrap-less": "^3.3.8",
    "bootstrap-sass": "^3.3.7",
    "cross-env": "^5.1.3",
    "eslint": "^4.18.2",
    "eslint-config-standard": "^11.0.0",
    "eslint-friendly-formatter": "^3.0.0",
    "eslint-loader": "^2.0.0",
    "eslint-plugin-html": "^4.0.2",
    "eslint-plugin-promise": "^3.6.0",
    "eslint-plugin-standard": "^3.0.0",
    "font-awesome": "^4.7.0",
    "icheck": "^1.0.2",
    "ionicons": "^3.0.0",
    "jquery": "^3.3.1",
    "laravel-mix": "2.*",
    "less": "^3.0.0",
    "less-loader": "^4.0.6",
    "lodash": "^4.17.5",
    "node-sass": "^4.7.2",
    "sass-loader": "^6.0.7",
    "toastr": "^2.1.4",
    "vue": "^2.5.13",
    "vue-loader": "^14.0.0"
  },
  "dependencies": {
    "ajv": "^6.2.1",
    "bootstrap": "^3.3.7",
    "bootstrap-iconpicker": "^1.8.2",
    "eslint-plugin-import": "^2.9.0",
    "eslint-plugin-node": "^6.0.0",
    "jquery-ui": "^1.12.1",
    "jquery-ui-dist": "^1.12.1",
    "jquery-ujs": "^1.2.2",
    "select2": "^4.0.6-rc.1",
    "vue-template-compiler": "^2.5.13",
    "webpack": "^4.1.0",
    "webpack-cli": "^2.0.10"
  },
  "babel": {
    "presets": [
      "es2015"
    ]
  }
}
npm ERR！代码ELIFECYCLE   错误的ERR！错误1   错误的ERR！ @ development：cross-env NODE_ENV =开发node_modules / webpack / bin / webpack.js --progress --hide-modules --config = node_modules / laravel-mix / setup / webpack.config.js   错误的ERR！退出状态1   错误的ERR！   错误的ERR！ @开发脚本失败。   错误的ERR！这可能不是npm的问题。上面可能有额外的日志记录输出。

npm ERR！可以在以下位置找到此运行的完整日志：   错误的ERR！ C：\用户\ ADMIN \应用程序数据\漫游\ NPM-cache_logs \ 2018-03-05T19_05_05_252Z-的debug.log   错误的ERR！代码ELIFECYCLE   错误的ERR！错误1   错误的ERR！ @ dev：npm运行开发   错误的ERR！退出状态1   错误的ERR！   错误的ERR！ @ dev脚本失败。   错误的ERR！这可能不是npm的问题。上面可能有额外的日志记录输出。

npm ERR！可以在以下位置找到此运行的完整日志：   错误的ERR！ C：\ Users \用户管理\应用程序数据\漫游\ NPM-cache_logs \ 2018-03-05T19_05_05_702Z-的debug.log

使用退出代码1完成处理

的package.json

9.7.1

更多细节。
Node.js：5.7.1
npm：4.1.0
webpack：Win10 32bit
操作系统：StoreModule.forRoot({}),
除了bootstrap，所有包都是最新的。

参考：There is no html-webpack-plugin as mentioned here..

Answer 1

似乎Laravel Mix还不兼容Webpack 4。我发现我们现在唯一能做的就是切换回Webpack ^3.11.0。（通过改变package.json中的版本来执行此操作）。

以下是有关此问题的未解决问题：https://github.com/webpack/webpack/issues/6675

webpack - TypeError：dep.getResourceIdentifier不是函数

1 个答案: