twitter-bootstrap - 无法在字符串 'importer' 上创建属性 'scss/bootstrap.scss'

Question

在Parcel编译过程中，出现这个错误:

无法在字符串“scss/bootstrap.scss”上创建属性“importer”

我的 app.css 文件:

@import '../node_modules/bootstrap/scss/bootstrap.scss';
@import './styles/style.scss';
@import './styles/plugins/plugins.scss';
@import './styles/plugins/plugins.css';
@import './styles/loader.scss';
@import './styles/custom.css';

为什么 Parcel 无法识别正确的 Bootstrap SCSS？

Answer 1

看起来像这样a bug in parcel由 @parcel/transformer-sass 寻找可能位于项目中的配置文件的方式引起。配置来源之一是 package.json 中的 sass 字段(参见 code )。出于某种原因，bootstrap 的 package.json 有 "sass": "scss/bootstrap.scss" (参见 code )，这不是 parcel 期望的格式, 所以它会窒息。

我在修复时找到了解决方法 - 如果包含 @import '../node_modules/bootstrap/scss/bootstrap.scss'; 行的文件类型是 .scss 而不是 .css，它应该可以工作。