错误：Dart Sass 版本 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 install。现在一切都应该工作了。

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