Angular：找不到或无法读取要导入的文件：~css-star-rating/scss/star-rating

Posted 2023-03-07

【中文标题】Angular：找不到或无法读取要导入的文件：~css-star-rating/scss/star-rating

【英文标题】：Angular: File to import not found or unreadable: ~css-star-rating/scss/star-rating

【发布时间】：2020-01-06 23:35:09

【问题描述】：

我正在尝试建立一个在前端使用 Angular 6 的项目。当我使用ng serve 命令运行项目时，出现如下错误，

./src/styles.scss 中的错误 (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/dist/cjs.js??ref --14-3!./src/styles.scss) 模块构建失败： @import '~css-star-rating/scss/star-rating'; ^ 找不到或无法读取要导入的文件：~css-star-rating/scss/star-rating。 在 D:\trackitRevamp\trackit3\src\main\Trackit-Revamp\src\styles.scss（第 10 行，第 1 列）

正如错误所说，错误位于styles.scss 文件的第 10 行，

@import '~css-star-rating/scss/star-rating';

上面是我的第10行。我想知道的是如何通过安装这个节点模块包来解决这个错误？

但在我的package.json 中，我已经有以下节点包，

"angular-star-rating": "^4.0.0-beta.3",
    "css-star-rating": "^1.2.4",

【参考方案1】：

最后，我找到了问题的原因，希望这对将来的某人有所帮助，所以实际原因是我目前拥有的"angular-star-rating" 的版本与项目期望的版本不匹配。所以我必须重新安装它或简单地运行以下命令来升级或降级版本。

$ npm install css-star-rating

运行下面的命令后，我可以简单地运行ng serve 来运行项目，它会工作。