webpack-TypeError：dep.getResourceIdentifier不是函数

问题描述 投票：1回答：1

尝试使用laravel 5.6.7和laravel-mix 2.0.0在webpack 4.1.0下混合

npm run dev

每次运行都会收到此错误。尝试了常见的解决方法，

  • deleted npm_modules folder
  • npm cache clean --force
  • npm install

还是一样。.>

跨环境NODE_ENV =开发node_modules / webpack / bin / webpack.js --progress-隐藏模块--config = node_modules / laravel-mix / setup / webpack.config.js

0％编译10％的建筑模块0/1模块1个活动模块... krish \ node_modules \ toastr \ toastr.less10％建筑模块1/1模块0有效10％建筑模块2/2模块0有效10％的建筑模块2/3个模块1个处于活动状态... \ www \ krish \ resources \ assets \ js \ app.js10％构建模块2/5模块3个活动... \ krish \ resources \ assets \ sass \ app.scss10％的建筑模块3/6模块3个活动的... sources \ assets \ less \ adminlte-app.less10％的建筑模块4/7模块3个处于活动状态... krish \ node_modules \ toastr \ toastr.less10％的建筑模块5/8模块3个活动的...无otstrap-less \ bootstrap \ bootstrap.less10％构建模块6/8模块2个活动... sh \ resources \ assets \ js \ app-landing.js10％的建筑模块6/9模块3个活动模块... krish \ node_modules \ toastr \ toastr.less10％的建筑模块6/11模块5处于活动状态... \ krish \ resources \ assets \ sass \ app.scss10％的建筑模块6/12模块6个活动的... sources \ assets \ less \ adminlte-app.less10％的建筑模块6/13模块7个活动模块... modules \ style-loader \ lib \ addStyles.js10％构建模块7/13模块6活动中的... modules \ style-loader \ lib \ addStyles.js10％的建筑模块8/13模块5个处于活动状态... sources \ assets \ less \ adminlte-app.less10％的建筑模块8/14模块6个活动的... de_modules \ css-loader \ lib \ css-base.js11％的建筑模块9/14模块5个活动的... de_modules \ css-loader \ lib \ css-base.js11％的建筑模块10/14模块4个活动的... de_modules \ css-loader \ lib \ css-base.js11％的建筑模块11/14模块3个活动的... sources \ assets \ less \ adminlte-app.less11％构建模块11/15模块4个活动的... node_modules \ style-loader \ lib \ urls.js11％的建筑模块11/16模块的5个活动模块... h \ node_modules \ vue \ dist \ vue.common.js11％的建筑模块12/16模块4个活动... h \ node_modules \ vue \ dist \ vue.common.js11％的建筑模块13/16模块3个处于活动状态... h \ node_modules \ vue \ dist \ vue.common.js11％的构建模块14/16模块2个活动的... sources \ assets \ less \ adminlte-app.less TypeError：dep.getResourceIdentifier不是一个函数

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)

npm ERR！代码ELIFECYCLEnpm ERR！ errno 1npm ERR！ @开发：跨环境NODE_ENV =开发node_modules / webpack / bin / webpack.js --progress-隐藏模块--config = node_modules / laravel-mix / setup / webpack.config.jsnpm ERR！退出状态1npm ERR！npm ERR！ @开发脚本失败。npm ERR！ npm可能不是问题。上面可能还有其他日志记录输出。

npm ERR！可以在以下位置找到此运行的完整日志：npm ERR！ C：\ Users \ admin \ AppData \ Roaming \ npm-cache_logs \ 2018-03-05T19_05_05_252Z-debug.lognpm ERR！代码ELIFECYCLEnpm ERR！ errno 1npm ERR！ // @ dev：npm运行开发npm ERR！退出状态1npm ERR！npm ERR！ @ dev脚本失败。npm ERR！ npm可能不是问题。上面可能还有其他日志记录输出。

npm ERR！可以在以下位置找到此运行的完整日志：npm ERR！ C：\ Users \ admin \ AppData \ Roaming \ npm-cache_logs \ 2018-03-05T19_05_05_702Z-debug.log

退出代码为1的处理完成

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",
    "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"
    ]
  }
}

很少有更多细节。
Node.js：9.7.1npm：5.7.1网路包装：4.1.0作业系统：Win10 32bit除引导程序外，所有软件包都是最新的。

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

尝试使用laravel-mix 2.0.0和webpack 4.1.0 npm run dev在laravel 5.6.7下混合。每次运行都会收到此错误。

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

这里是有关此问题的公开问题：https://github.com/webpack/webpack/issues/6675

node.js npm webpack laravel-mix
1个回答
4
投票

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

这里是有关此问题的公开问题：https://github.com/webpack/webpack/issues/6675

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.