以下のエラーが出て、しばらく解決できなかった。
ec2-user:~/environment/project $ npm run dev
> @ dev /home/ec2-user/environment/project
> npm run development
> @ development /home/ec2-user/environment/project
> cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js
98% after emitting SizeLimitsPlugin
ERROR Failed to compile with 2 errors 4:55:57 AM
error in ./resources/sass/app.scss
Module build failed (from ./node_modules/css-loader/index.js):
ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
ValidationError: Invalid options object. Sass Loader has been initialized using an options object that does not match the API schema.
- options has an unknown property 'outputStyle'. These properties are valid:
object { implementation?, sassOptions?, prependData?, sourceMap?, webpackImporter? }
at validate (/home/ec2-user/environment/project/node_modules/schema-utils/dist/validate.js:88:11)
at Object.loader (/home/ec2-user/environment/project/node_modules/sass-loader/dist/index.js:36:28)
at runLoaders (/home/ec2-user/environment/project/node_modules/webpack/lib/NormalModule.js:316:20)
at /home/ec2-user/environment/project/node_modules/loader-runner/lib/LoaderRunner.js:367:11
at /home/ec2-user/environment/project/node_modules/loader-runner/lib/LoaderRunner.js:233:18
at runSyncOrAsync (/home/ec2-user/environment/project/node_modules/loader-runner/lib/LoaderRunner.js:143:3)
at iterateNormalLoaders (/home/ec2-user/environment/project/node_modules/loader-runner/lib/LoaderRunner.js:232:2)
at /home/ec2-user/environment/project/node_modules/loader-runner/lib/LoaderRunner.js:205:4
at process.nextTick (/home/ec2-user/environment/project/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:85:15)
at process._tickCallback (internal/process/next_tick.js:61:11)
error in ./resources/sass/app.scss
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
ValidationError: Invalid options object. Sass Loader has been initialized using an options object that does not match the API schema.
- options has an unknown property 'outputStyle'. These properties are valid:
object { implementation?, sassOptions?, prependData?, sourceMap?, webpackImporter? }
at validate (/home/ec2-user/environment/project/node_modules/schema-utils/dist/validate.js:88:11)
at Object.loader (/home/ec2-user/environment/project/node_modules/sass-loader/dist/index.js:36:28)
@ ./resources/sass/app.scss 2:14-253
Asset Size Chunks Chunk Names
/js/app.js 1.4 MiB /js/app [emitted] /js/app
ERROR in ./resources/sass/app.scss
Module build failed (from ./node_modules/css-loader/index.js):
ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
ValidationError: Invalid options object. Sass Loader has been initialized using an options object that does not match the API schema.
- options has an unknown property 'outputStyle'. These properties are valid:
object { implementation?, sassOptions?, prependData?, sourceMap?, webpackImporter? }
at validate (/home/ec2-user/environment/project/node_modules/schema-utils/dist/validate.js:88:11)
at Object.loader (/home/ec2-user/environment/project/node_modules/sass-loader/dist/index.js:36:28)
at runLoaders (/home/ec2-user/environment/project/node_modules/webpack/lib/NormalModule.js:316:20)
at /home/ec2-user/environment/project/node_modules/loader-runner/lib/LoaderRunner.js:367:11
at /home/ec2-user/environment/project/node_modules/loader-runner/lib/LoaderRunner.js:233:18
at runSyncOrAsync (/home/ec2-user/environment/project/node_modules/loader-runner/lib/LoaderRunner.js:143:3)
at iterateNormalLoaders (/home/ec2-user/environment/project/node_modules/loader-runner/lib/LoaderRunner.js:232:2)
at /home/ec2-user/environment/project/node_modules/loader-runner/lib/LoaderRunner.js:205:4
at process.nextTick (/home/ec2-user/environment/project/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:85:15)
at process._tickCallback (internal/process/next_tick.js:61:11)
@ ./resources/sass/app.scss
ERROR in ./resources/sass/app.scss (./node_modules/css-loader??ref--5-2!./node_modules/postcss-loader/src??postcss0!./node_modules/resolve-url-loader??ref--5-4!./node_modules/sass-loader/dist/cjs.js??ref--5-5!./resources/sass/app.scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
ValidationError: Invalid options object. Sass Loader has been initialized using an options object that does not match the API schema.
- options has an unknown property 'outputStyle'. These properties are valid:
object { implementation?, sassOptions?, prependData?, sourceMap?, webpackImporter? }
at validate (/home/ec2-user/environment/project/node_modules/schema-utils/dist/validate.js:88:11)
at Object.loader (/home/ec2-user/environment/project/node_modules/sass-loader/dist/index.js:36:28)
@ ./resources/sass/app.scss 2:14-253
npm ERR! code ELIFECYCLE
npm ERR! errno 2
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 2
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! /home/ec2-user/.npm/_logs/2020-04-18T04_55_57_881Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! @ dev: `npm run development`
npm ERR! Exit status 2
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! /home/ec2-user/.npm/_logs/2020-04-18T04_55_57_900Z-debug.log
ec2-user:~/environment/project $
sass-loaderのバージョンが合ってないらしい
https://teratail.com/questions/242618#reply-352165
ec2-user:~/environment/project $ npm uninstall --save-dev sass-loader
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.12 (node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.12: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
removed 4 packages and audited 16452 packages in 7.822s
34 packages are looking for funding
run `npm fund` for details
found 0 vulnerabilities
ec2-user:~/environment/project $ npm install --save-dev sass-loader@7.1.0
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.12 (node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.12: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
+ sass-loader@7.1.0
added 11 packages from 17 contributors and audited 16474 packages in 8.735s
34 packages are looking for funding
run `npm fund` for details
found 0 vulnerabilities
ec2-user:~/environment/project $
実行できた。
ec2-user:~/environment/project $ npm run dev > @ dev /home/ec2-user/environment/project > npm run development > @ development /home/ec2-user/environment/project > cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js 98% after emitting SizeLimitsPlugin DONE Compiled successfully in 6381ms 4:58:59 AM Asset Size Chunks Chunk Names /css/app.css 177 KiB /js/app [emitted] /js/app /js/app.js 1.4 MiB /js/app [emitted] /js/app ec2-user:~/environment/project $
