Question

我正在尝试创建我的angular项目的构建。我正在使用具有以下资产的scss：

.ciao {
  background-image: url("../../assets/images/bck--registration-company.png");
}

运行此代码：

ng build --prod --configuration=coll --base-href ./

我在dist文件夹中，位于index.html的同一目录中，文件“ bck--registration-company.png”和“ assets”文件夹中，其中还有另一个“ bck--registration-company.png” ”。我想使用资产文件夹中的资源。

我尝试更改基本href，相对和绝对图像路径，但没有任何更改。例如：

.background--image-carousel2{
  background-image: url("/assets/images/carousel2.jpg");
}

使用此路径，REQUEST URL）是：

Request URL: http://localhost:63342/assets/images/carousel2.jpg

这是错误的，因为可能是：

http://localhost:63342/project/dist/name_project/assets/images/bck--registration-company.png

在我的angular.json中：

"architect": {
    "build": {
      "builder": "@angular-devkit/build-angular:browser",
      "options": {
        "outputPath": "dist/name_project",
        "index": "src/index.html",
        "main": "src/main.ts",
        "polyfills": "src/polyfills.ts",
        "tsConfig": "src/tsconfig.app.json",
        "assets": [
          "src/assets"
        ],
        "styles": [
          "src/styles.scss"
        ],
        "scripts": [

        ]
      },

我该如何解决？谢谢。

Answer 1

尝试这种方式

Angular可以直接访问资产文件夹。

.ciao {
   background-image: url("assets/images/bck--registration-company.png");
}

然后进行构建

ng build --prod

然后将整个系统路径放入dist / index.html文件

在基本url中设置项目文件夹的整个路径。

Angular 6-找不到资产

1 个答案: