当我运行npm run watch或npm run dev时,我收到以下错误:

@watch / Applications / MAMP / htdocs / stock cross-env NODE_ENV = development node_modules / webpack / bin / webpack.js --watch --progress --hide-modules --config = node_modules / laravel-mix / setup / webpack .config.js 10%构建模块1/1模块0活动 . Webpack正在观看文件... 10%构建模块6/8模块2活动... / stock / resources / assets / js / bootstrap.jsTypeError:dep.getResourceIdentifier不是addDependency中的函数(/ Applications / MAMP / htdocs / stock / node_modules /webpack/lib/Compilation.js:402:30)在iterationOfArrayCallback(/Applications/MAMP/htdocs/stock/node_modules/webpack/lib/Compilation.js:88:3)at addDependenciesBlock(/ Applications / MAMP / htdocs / stock atnild(/ Applications / MAMP)的Compilation.processModuleDependencies(/Applications/MAMP/htdocs/stock/node_modules/webpack/lib/Compilation.js:433:4)上的/node_modules/webpack/lib/Compilation.js:422:5) /htdocs/stock/node_modules/webpack/lib/Compilation.js:560:16)在_this.buildModule.err(/Applications/MAMP/htdocs/stock/node_modules/webpack/lib/Compilation.js:606:11)at at module.build.error中的回调(/Applications/MAMP/htdocs/stock/node_modules/webpack/lib/Compilation.js:357:35)(/ Applications /MAMP / htdocs / stock / node_modules / webpack / lib / Compilation.js :393:12)a在doBuild.err上的handleParseResult(/Applications/MAMP/htdocs/stock/node_modules/webpack/lib/NormalModule.js:369:12)(/Applications/MAMP/htdocs/stock/node_modules/webpack/lib/NormalModule.js: 391:6)在/ Applications / MAMP / htdocs / stock / node_modules / loader-runner / lib / LoaderRunner的runLoaders(/Applications/MAMP/htdocs/stock/node_modules/webpack/lib/NormalModule.js:270:12) . 在Array的iterateNormalLoaders(/Applications/MAMP/htdocs/stock/node_modules/loader-runner/lib/LoaderRunner.js:211:10)js:370:3 . (/Applications/MAMP/htdocs/stock/node_modules/loader-runner/lib/LoaderRunner.js:202:4)在Storage.finished(/ Applications / MAMP / htdocs / stock / node_modules / enhanced-resolve / lib / CachedInputFileSystem . js:43:16)在/ Applications / MAMP / htdocs / stock / node_modules / graceful-fs /的提供者(/Applications/MAMP/htdocs/stock/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:79:9) graceful-fs.js:78:16 at FSReqWrap.readFileAfterClose [as oncomplete](fs.js:532:3)^ C%

我试图重新安装npm并尝试切换回较低的npm / webpack版本,但这没有帮助 .

删除了node_modules并执行了 npm cache clean --force npm install 但是这样也没有用 .

在出现此错误之前我做的最后一件事是 install sass loader ,用sass修复错误 . 当我删除 sass loader 时,我仍然收到此错误 .

我的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 --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
  },
  "devDependencies": {
    "axios": "^0.18",
    "cross-env": "^5.1.4",
    "file-loader": "^1.1.11",
    "laravel-mix": "^2.1.1",
    "node-sass": "^4.8.3",
    "popper.js": "^1.14.3",
    "sass-loader": "^6.0.7",
    "vue": "^2.5.16",
    "webpack": "^4.5.0",
    "webpack-cli": "^2.0.14"
  },
  "dependencies": {
    "bootstrap": "^4.0.0-beta",
    "bootstrap-sass": "^3.3.7",
    "bootstrap-vue": "^2.0.0-rc.6",
    "css-loader": "^0.28.11",
    "font-awesome": "^4.7.0",
    "ionicons": "^3.0.0",
    "iview": "^2.12.0",
    "jquery": "^3.3.1",
    "js-cookie": "^2.2.0",
    "less": "^3.0.1",
    "less-loader": "^4.1.0",
    "npm-watch": "^0.3.0",
    "vue-i18n": "^7.6.0",
    "vue-resource": "^1.5.0",
    "vue-router": "^3.0.1",
    "vuex": "^3.0.1"
  }
}

我的webpack.mix.js:

let mix = require('laravel-mix');

/*
 |--------------------------------------------------------------------------
 | Mix Asset Management
 |--------------------------------------------------------------------------
 |
 | Mix provides a clean, fluent API for defining some Webpack build steps
 | for your Laravel application. By default, we are compiling the Sass
 | file for the application as well as bundling up all the JS files.
 |
 */

mix.js('resources/assets/js/app.js', 'public/js')
   .sass('resources/assets/sass/app.scss', 'public/css');

Node version: v9.8.0

Npm version: 5.8.0

OS: MacOS Sierra 10.12.5

Laravel framework: 5.4.36