Vue初心者です。
Laravel6でVueを触ろうと思い、npm installをして進めて行くとnpm run watchでこのエラーに遭遇しました。
Uncaught Error: 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? }
確認したこと、疑問
・https://github.com/webpack-contrib/sass-loader/issues/530 npm rebuild node-sass
・https://qiita.com/jigengineer/items/2b15797b850179cb8be0 npm ci
packge.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": "npm run development -- --watch", "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.19", "bootstrap": "^4.0.0", "cross-env": "^5.1", "fibers": "^4.0.2", "jquery": "^3.2", "laravel-mix": "^4.0.7", "lodash": "^4.17.13", "popper.js": "^1.12", "resolve-url-loader": "^2.3.1", "sass": "^1.25.0", "sass-loader": "^8.0.2", "vue": "^2.5.17", "vue-template-compiler": "^2.6.10", "webpack": "^4.41.6" } }
環境系だと思うので、無理に進めず知恵を貸していただきたいと思い質問することにしました。
よろしくお願いします。
php 7.4
laravel 6.0
node 12.13.1
npm 6.12.1
まだ回答がついていません
会員登録して回答してみよう