npm 尝试构建时Angular中的环境问题

dldeef67 于 2023-04-30 发布在 Angular

关注(0)|答案(2)|浏览(114)

当我尝试构建一个Angular项目时，我遇到了这个问题：
文件'/angular/src/environments/environment。ts'不是模块
我导入文件如下：

import { environment } from '../../environments/environment';

我的tsconfig.json：

{
  "compileOnSave": false,
  "compilerOptions": {
    "baseUrl": "./",
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "target": "es5",
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "es2017",
      "dom"
    ]
  }
}

在我的环境文件夹中，我有文件：environment.ts、environment.prod.ts、environment.dev.ts。
我使用NODE_VERSION=10，NG_CLI_VERSION=8
我的angular.json，开发的build.configurations：

"dev": {
          "optimization": true,
          "outputHashing": "all",
          "sourceMap": false,
          "extractCss": true,
          "namedChunks": false,
          "aot": true,
          "extractLicenses": true,
          "vendorChunk": false,
          "buildOptimizer": true,
          "serviceWorker": true
        }

生成命令："build": "ng build --configuration=dev --aot",
请帮帮我先谢谢你了！

npm

来源：https://stackoverflow.com/questions/61613884/environment-issue-in-angular-when-try-to-build

2条答案

按热度按时间

dfty9e191#

默认情况下，Angular只配置angular.json生产环境来替换environement.ts文件。它使用angular.json的这一部分。

"configurations": {
   "production":{
      "fileReplacements":[
         {
            "replace":"src/environments/environment.ts",
            "with":"src/environments/environment.prod.ts"
         }
      ],
      "rest": ...
   }
}

如果开发人员不使用environment.dev.ts，则需要将fileReplacements部分也添加到开发人员构建中。

"fileReplacements":[
  {
    "replace":"src/environments/environment.ts",
    "with":"src/environments/environment.dev.ts"
  }
]

或者将你的开发配置设置为非后期修复的配置。

赞(0）回复(0）举报 2023-04-30

jhdbpxl92#

你必须使用export关键字导出环境变量：

export const environment = {
  ...
}

赞(0）回复(0）举报 2023-04-30

我来回答

npm 尝试构建时Angular中的环境问题

2条答案

相关问题

热门标签

最新问答