尝试导入 JQuery UI css 文件时,我的项目遇到了一些问题。我已将以下内容添加到我的项目的 App.scss 文件中。
@import url("../node_modules/jquery-ui/themes/base/all.css");
当我尝试构建我的 Web 应用程序(反应/打字稿)时,我收到以下错误。
> ./src/App.scss Error: resolve-url-loader: CSS error Invalid mapping:
> {"generated":{"line":10,"column":538},"source":"file://C:\\Jenkins\\workspace\\MyWebApp\\node_modules\\jquery-ui\\themes\\base\\base.css","original":{"column":null},"name":null}
奇怪的是,当我在 base.css 中打开查看时,这是抛出错误的文件,我可以看到有额外的导入都以格式导入 - @import url("file.css")
当我将 base.css 中的导入调整为格式 - @import "file.css" 时,应用程序构建成功。
谁能解释为什么会发生这种情况或如何在不直接修改包的情况下解决这个问题?我对 resolve-url-loader 不是很熟悉