Bulma 未在 Laravel 5.6 上工作

Question

我试图通过 npm 安装 Bulma 包。它安装成功并带有一些警告但是当我运行 'npm run dev' 时，它显示如下错误 -

> ERROR in ./resources/assets/sass/app.scss Module build failed:
> ModuleBuildError: Module build failed: undefined
>                   ^
>       Index out of bounds for `nth($list, $n)`
>       in C:\Users\Sabbir\test\node_modules\bulma\sass\elements\button.sass
> (line 105, column 20)
>     at runLoaders (C:\Users\Sabbir\test\node_modules\webpack\lib\NormalModule.js:195:19)
>     at C:\Users\Sabbir\test\node_modules\loader-runner\lib\LoaderRunner.js:364:11
>     at C:\Users\Sabbir\test\node_modules\loader-runner\lib\LoaderRunner.js:230:18
>     at context.callback (C:\Users\Sabbir\test\node_modules\loader-runner\lib\LoaderRunner.js:111:13)
>     at Object.asyncSassJobQueue.push [as callback] (C:\Users\Sabbir\test\node_modules\sass-loader\lib\loader.js:55:13)
>     at Object.done [as callback] (C:\Users\Sabbir\test\node_modules\neo-async\async.js:7921:18)
>     at options.error (C:\Users\Sabbir\test\node_modules\node-sass\lib\index.js:294:32)  @
> ./resources/assets/sass/app.scss  @ multi ./resources/assets/js/app.js
> ./resources/assets/sass/app.scss

Answer 1

从正确安装开始。您可以通过几种不同的方式安装 Bulma。

如果您使用Laravel Mix 编译资产，请尝试以下

在终端中使用 NPM `npm install -D bulma 安装 Bulma 在您的 app.scss 文件中将其包含在顶部。

// If you need to modify Bulma variables to so before importing it!

$link: $oc-blue-5;
@import './node_modules/bulma/bulma.sass';

更多： https://laracasts.com/discuss/channels/general-discussion/bulmaio?page=1

Answer 2

尝试：

@import '~bulma/bulma.sass';

Bulma 未在 Laravel 5.6 上工作

Bulma not working on Laravel 5.6

css

laravel

npm

sass

bulma