无法从其他文件夹访问我的.scss捆绑文件

时间:2017-09-11 06:23:07

标签: css node.js angular sass angular-cli

我想检索我的.scss文件,其中包含导入其中的所有其他.scss文件(所有其他.scss文件都在styles.scss中导入)。

我已将路径放入我的angular cli文件中,但文件仍然无法访问(我的html元素没有应用样式)

Angular CLI :来自我在 npm start 上运行的文件夹(项目)(添加" ../ webstyles / src / styles.scss"我要访问的文件夹中的路径

"apps": [
    {
      "root": "src",
      "outDir": "dist",
      "assets": [
        "assets",
        "favicon.ico",
        "app/cms/demo.json"
      ],
      "index": "index.html",
      "main": "main.ts",
      "polyfills": "polyfills.ts",
      "test": "test.ts",
      "tsconfig": "tsconfig.app.json",
      "testTsconfig": "tsconfig.spec.json",
      "prefix": "cb",
      "styles": [
        "../webstyles/src/styles.scss"
      ],

我得到的错误是:找不到模块:错误:无法解析该项目中的路径....

抱歉,我无法发布文件夹树,但我多次检查过,并且不认为我在这里犯了错误

我有什么选择?

1 个答案:

答案 0 :(得分:2)

您的路径"../webstyles/src/styles.scss"是错误的

如果"styles"位于styles.scss文件夹之外,请使用src配置:

"styles": [
        "../webstyles/styles.scss"
      ],

如果您的样式位于src文件夹中,请使用:

"styles": [
            "styles.scss"
          ],

"styles": [
        "webstyles/styles.scss"
      ],

这实际上取决于您的文件夹结构,我无法根据您的问题清楚地看到它。

  

每次更改/保存.angular-cli.json重新启动npm start/ng serve