为什么我不能在Laravel 7中成功运行npm run dev? [英] why I can not run npm run dev successfully in Laravel 7?

问题描述

首先，我安装了新的Laravel 7然后，

Firstly, I installed a new Laravel 7 then,

npm install
npm run dev

我遇到了这些错误

再次

Removed node_modules, then npm install --global cross-env, followed by removing cross-env from package.json, then npm run dev, **[![but also not worked. same errors][1]][1]**

我该怎么办?

@ dev C:\ Xampp \ htdocs \ my-tasknpm运行开发

@ dev C:\Xampp\htdocs\my-task npm run development

@开发C:\ Xampp \ htdocs \ my-task跨环境NODE_ENV =开发node_modules/webpack/bin/webpack.js --progress-隐藏模块--config = node_modules/laravel-mix/setup/webpack.config.js

@ development C:\Xampp\htdocs\my-task cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js

C:\Xampp\htdocs\my-task\node_modules\webpack-cli\bin\cli.js:93
                                throw err;
                                ^

Error: Package exports for 'C:\Xampp\htdocs\my-task\node_modules\colorette' do not define a valid '.' target
    at resolveExportsTarget (internal/modules/cjs/loader.js:460:13)
    at resolveExports (internal/modules/cjs/loader.js:393:16)
    at Function.Module._findPath (internal/modules/cjs/loader.js:492:20)
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:787:27)
    at Function.Module._load (internal/modules/cjs/loader.js:693:27)
    at Module.require (internal/modules/cjs/loader.js:864:19)
    at require (C:\Xampp\htdocs\my-task\node_modules\v8-compile-cache\v8-compile-cache.js:161:20)
    at Object.<anonymous> (C:\Xampp\htdocs\my-task\node_modules\autoprefixer\lib\autoprefixer.js:5:17)
    at Module._compile (C:\Xampp\htdocs\my-task\node_modules\v8-compile-cache\v8-compile-cache.js:194:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1011:10)
    at Module.load (internal/modules/cjs/loader.js:822:32)
    at Function.Module._load (internal/modules/cjs/loader.js:730:14)
    at Module.require (internal/modules/cjs/loader.js:864:19)
    at require (C:\Xampp\htdocs\my-task\node_modules\v8-compile-cache\v8-compile-cache.js:161:20)
    at C:\Xampp\htdocs\my-task\node_modules\laravel-mix\src\components\Preprocessor.js:62:41
    at C:\Xampp\htdocs\my-task\node_modules\laravel-mix\src\components\Preprocessor.js:69:31
    at global.tap (C:\Xampp\htdocs\my-task\node_modules\laravel-mix\src\helpers.js:10:5)
    at C:\Xampp\htdocs\my-task\node_modules\laravel-mix\src\components\Preprocessor.js:27:13
    at Array.forEach (<anonymous>)
    at Sass.webpackRules (C:\Xampp\htdocs\my-task\node_modules\laravel-mix\src\components\Preprocessor.js:22:22)
    at ComponentFactory.applyRules (C:\Xampp\htdocs\my-task\node_modules\laravel-mix\src\components\ComponentFactory.js:155:23)
    at C:\Xampp\htdocs\my-task\node_modules\laravel-mix\src\components\ComponentFactory.js:66:48
    at C:\Xampp\htdocs\my-task\node_modules\laravel-mix\src\Dispatcher.js:34:47
    at Array.forEach (<anonymous>)
    at Dispatcher.fire (C:\Xampp\htdocs\my-task\node_modules\laravel-mix\src\Dispatcher.js:34:28)
    at Mix.dispatch (C:\Xampp\htdocs\my-task\node_modules\laravel-mix\src\Mix.js:118:25)
    at WebpackConfig.buildRules (C:\Xampp\htdocs\my-task\node_modules\laravel-mix\src\builder\WebpackConfig.js:90:13)
    at WebpackConfig.build (C:\Xampp\htdocs\my-task\node_modules\laravel-mix\src\builder\WebpackConfig.js:23:14)
    at Object.<anonymous> (C:\Xampp\htdocs\my-task\node_modules\laravel-mix\setup\webpack.config.js:29:38)
    at Module._compile (C:\Xampp\htdocs\my-task\node_modules\v8-compile-cache\v8-compile-cache.js:194:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1011:10)
    at Module.load (internal/modules/cjs/loader.js:822:32)
    at Function.Module._load (internal/modules/cjs/loader.js:730:14)
    at Module.require (internal/modules/cjs/loader.js:864:19)
    at require (C:\Xampp\htdocs\my-task\node_modules\v8-compile-cache\v8-compile-cache.js:161:20)
    at WEBPACK_OPTIONS (C:\Xampp\htdocs\my-task\node_modules\webpack-cli\bin\utils\convert-argv.js:114:13) {
  code: 'MODULE_NOT_FOUND'
}
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! @ development: `cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the @ development script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\Dalin\AppData\Roaming\npm-cache\_logs\2020-07-25T07_35_17_515Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! @ dev: `npm run development`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the @ dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\Dalin\AppData\Roaming\npm-cache\_logs\2020-07-25T07_35_17_535Z-debug.log

推荐答案

尝试更新您的nodejs版本

Try to update your nodejs version

npm install -g node

然后全局安装cross-env

And then install cross-env globally

npm install --global cross-env

最后安装最新的autoprefixer或9.8.0并运行dev

Finally install latest autoprefixer or 9.8.0 and run dev

npm install autoprefixer@9.8.0
npm install && run dev

这篇关于为什么我不能在Laravel 7中成功运行npm run dev?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！