Angular2 CLI: 模块未找到：错误：无法解析

Question

我正在学习Angular2。我的文件夹结构如下：

src
    app
    assets 
      - images 
        -- img1.png
        -- img2.png
      - scss
        - main.scss
    styles.scss
angular-cli.json
package.json

我在 styles.scss 中像这样导入 main.scss：

@import '../node_modules/font-awesome/css/font-awesome.css';
@import 'assets/scss/main.scss';

其中 main.scss 包含一个 css 属性

background: url(../images/img1.png) center center no-repeat;

我遇到了这个错误

。

在这里

./~/css-loader!./~/postcss-loader!./~/angular-cli/~/sass-loader!./src/styles.scss
Module not found: Error: Can't resolve '../image2/cal2.png' in 'D:\***\**\ui\src'
resolve '../images/img1.png' in 'D:\***\**\ui\src'
  using description file: D:\**\**\**\package.json (relative path: ./src)
    Field 'browser' doesn't contain a valid alias configuration

但是，当我注释掉这一行后，它就正常工作了。请帮忙找出问题的原因。

- Nagarjuna Reddy

Answer 1

您可以使用相对路径url('../assets/image.jpg')或绝对路径url('/assets/image.jpg')来导入资源。如需更多明确信息，请访问以下链接

https://github.com/angular/angular-cli/issues/4778

- mshahin364

Answer 2

在导入main.scss后，整个代码现在都在styles.scss中。 然后路径将是：

'./assets/images/img1.png'

- user5856396