文章/答案/技术大牛

发布

问在Laravel 9安装Bulma
EN

Stack Overflow用户

提问于 2022-02-19 08:51:17

回答 1查看 825关注 0票数 1

我在Laravel 9中已经有了一个项目，我想把UI转换成使用Bulma。我不想用CDN。我已经阅读了关于在一个较旧版本的Laravel中这样做的文档，以及一个新的安装。我想知道如何添加Bulma到现有的Laravel 9应用程序。注意，我在laravel中找不到一个app.scss文件。到目前为止，我已经运行了以下命令。

npm install bulma --save-dev

在“资源”文件夹中创建一个app.scss文件，并添加以下内容。

@import '~bulma/bulma';

但是，我得到以下错误。我做错了什么？不幸的是，关于它的文档很少。

节点_模块/bulma/bulma.sass:1 @charset "utf-8“^

SyntaxError:在Object.compileFunction (节点:vm:352:18)、wrapSafe (节点:内部/模块/cjs/加载程序:1026:15)的Module._compile (节点:内部/模块/cjs/加载程序:1061:27)的Object.Module._extensions..js (节点: Invalid /模块/cjs/加载程序:1151:10)的Module.load (节点:/模块/cjs/加载器:975:32)的Module.load(节点:/modules/cjs/加载程序:822:822)：无效或意外令牌：12)在Module.require (节点:内部/模块/cjs/加载程序:999:19)需要时(节点:内部/模块/cjs/帮助程序:102:18)。(/home/zeenux/Programming/php/blog/webpack.mix.js:17:9) at Module._compile (node:internal/modules/cjs/loader:1097:14)

bulma

laravel-9

npm-scripts

回答 1

Stack Overflow用户

发布于 2022-03-06 15:38:33

这就是我试过的方法，它的工作原理很好，没有问题。

第一

npm install bulma

然后在resources/css/app.css

@import 'bulma/css/bulma.min.css';

内刃

<head>
  .....
  <link href="{{ mix('css/app.css') }}" rel="stylesheet">
</head>
<body>
   <button class="button is-primary">
      Button
   </button>
</body>

现在我已经试过你的方法了

在resources/sass/app.scss中

//@import '~bulma/bulma';
   BOTH WORKS FINE
//@import 'bulma/css/bulma.min.css';

webpack.mix.js

mix.js('resources/js/app.js', 'public/js')
    //.css('resources/css/app.css', 'public/css')
    .sass('resources/sass/app.scss', 'public/css');

所以对我来说一切都很好，您所面临的可能是npm版本问题，我使用8.5.3来安装运行此npm install -g npm@8.5.3的npm版本。请记住，在玩npm版本时，只安装与您在项目中使用的所有包相匹配的npm版本。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/71183466

复制

相似问题

问在Laravel 9安装Bulma
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在Laravel 9安装BulmaEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在Laravel 9安装Bulma
EN