laravel - 错误 : Dart Sass version 1. 23.0-module.beta.1 与 ^1.3.0 不兼容

Question

几周前它在不同的计算机上工作! :)

尝试使用 nodejs、npm、laravel-mix 和 webpack 在 Drupal 上使用 Bootstrap-Sass 启动新主题。以前从未使用过它，我只是按照 yt 教程进行操作。
已经安装了 Nodejs 和 npm，并添加了 laravel-mix。

在主题文件夹中创建了以下文件:

webpack.mix.js - 使用与上次相同的内容创建以将 sass 转换为 css。

package.json - 根据 git-hub 上的 laravel-mix 指南自动创建并手动添加“dev”命令，以便快速、良好地从 sass 转换为 css。

运行后:

npm run dev

出现以下所有错误。

有点惊讶，因为错误是关于 1.3 版的，它甚至不存在!

不知道从这里去哪里。

> pbdtheme@1.0.0 dev /var/www/pbd/web/themes/custom/pbdtheme
> npm run development


> pbdtheme@1.0.0 development /var/www/pbd/web/themes/custom/pbdtheme
> 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                              12:22:55 AM

 error  in ./scss/style.scss

Module build failed (from ./node_modules/css-loader/index.js):
ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
Error: Dart Sass version 1.23.0-module.beta.1 is incompatible with ^1.3.0.
    at getRenderFuncFromSassImpl (/var/www/pbd/web/themes/custom/pbdtheme/node_modules/sass-loader/dist/index.js:159:13)
    at Object.loader (/var/www/pbd/web/themes/custom/pbdtheme/node_modules/sass-loader/dist/index.js:79:18)
    at runLoaders (/var/www/pbd/web/themes/custom/pbdtheme/node_modules/webpack/lib/NormalModule.js:313:20)
    at /var/www/pbd/web/themes/custom/pbdtheme/node_modules/loader-runner/lib/LoaderRunner.js:367:11
    at /var/www/pbd/web/themes/custom/pbdtheme/node_modules/loader-runner/lib/LoaderRunner.js:233:18
    at runSyncOrAsync (/var/www/pbd/web/themes/custom/pbdtheme/node_modules/loader-runner/lib/LoaderRunner.js:143:3)
    at iterateNormalLoaders (/var/www/pbd/web/themes/custom/pbdtheme/node_modules/loader-runner/lib/LoaderRunner.js:232:2)
    at /var/www/pbd/web/themes/custom/pbdtheme/node_modules/loader-runner/lib/LoaderRunner.js:205:4
    at process.nextTick (/var/www/pbd/web/themes/custom/pbdtheme/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:73:15)
    at process._tickCallback (internal/process/next_tick.js:61:11)

 error  in ./scss/style.scss

Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
Error: Dart Sass version 1.23.0-module.beta.1 is incompatible with ^1.3.0.
    at getRenderFuncFromSassImpl (/var/www/pbd/web/themes/custom/pbdtheme/node_modules/sass-loader/dist/index.js:159:13)
    at Object.loader (/var/www/pbd/web/themes/custom/pbdtheme/node_modules/sass-loader/dist/index.js:79:18)

 @ ./scss/style.scss 2:14-189



npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! pbdtheme@1.0.0 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 pbdtheme@1.0.0 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/ski/.npm/_logs/2019-09-04T23_22_55_885Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! pbdtheme@1.0.0 dev: `npm run development`
npm ERR! Exit status 2
npm ERR! 
npm ERR! Failed at the pbdtheme@1.0.0 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/ski/.npm/_logs/2019-09-04T23_22_55_959Z-debug.log

在上面的命令 style.css 文件应该填充代码但没有内容。

Answer 1

遇到了同样的问题。在 package.json 文件中，将“sass” devDependencies 的版本更新为“^1.22.0”

"sass": "^1.22.0"

转储您的 node_modules 目录并再次安装 npm。现在一切都应该工作了。

附加:可能是一个很快就会解决的问题。似乎自动安装的版本在 BETA 中。