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

但是，当我评论这一行时，它运作正常。帮助我解决导致问题的原因。

Answer 1

导入main.scss时，整个代码现在都在styles.scss中。从那里开始的路径是：

'./assets/images/img1.png'

Answer 2

您可以使用相对路径网址（＆＃39; ../ assets / image.jpg＆＃39;）或绝对路径网址（＆＃39; /assets/image.jpg'进行资产导入为了更清楚，请访问以下链接

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

Angular2 CLI：找不到模块：错误：无法解决

2 个答案: