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

【问题标题】：Cannot create property 'importer' on string 'scss/bootstrap.scss'无法在字符串“scss/bootstrap.scss”上创建属性“importer”
【发布时间】：2021-06-06 17:19:11
【问题描述】：

在 Parcel 编译过程中，出现此错误：

Cannot create property 'importer' on string 'scss/bootstrap.scss'

我的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 无法识别正确的引导 SCSS？

【问题讨论】：

标签： twitter-bootstrap parceljs

【解决方案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，它应该可以工作。

【讨论】：