【发布时间】：2020-05-07 12:25:39
【问题描述】：
您好，我在构建用于生产的 Angular 应用程序时遇到了很大的困难。
我正在运行“ng build --prod”命令，但是当我打开“dist”文件夹时，我在那里看不到我的所有组件。还有什么我必须更改或配置的吗？打开“dist”文件夹时，我看到了一些组件。
angular.json
{
"$schema":"./node_modules/@angular/cli/lib/config/schema.json",
"version":1,
"newProjectRoot":"projects",
"projects":{
"app":{
"projectType":"application",
"schematics":{
"@schematics/angular:component":{
"style":"scss"
}
},
"root":"",
"sourceRoot":"src",
"prefix":"app",
"architect":{
"build":{
"builder":"@angular-devkit/build-angular:browser",
"options":{
"outputPath":"dist/app",
"index":"src/index.html",
"main":"src/main.ts",
"polyfills":"src/polyfills.ts",
"tsConfig":"tsconfig.app.json",
"aot":false,
"assets":[
"src/favicon.ico",
"src/assets",
"src/images"
],
"styles":[
"src/styles.scss"
],
"scripts":[
]
},
"configurations":{
"production":{
"fileReplacements":[
{
"replace":"src/environments/environment.ts",
"with":"src/environments/environment.prod.ts"
}
],
"optimization":true,
"outputHashing":"all",
"sourceMap":false,
"extractCss":true,
"namedChunks":false,
"aot":true,
"extractLicenses":true,
"vendorChunk":false,
"buildOptimizer":true,
"budgets":[
{
"type":"initial",
"maximumWarning":"2mb",
"maximumError":"5mb"
},
{
"type":"anyComponentStyle",
"maximumWarning":"6kb",
"maximumError":"10kb"
}
]
}
}
},
"serve":{
"builder":"@angular-devkit/build-angular:dev-server",
"options":{
"browserTarget":"app:build"
},
"configurations":{
"production":{
"browserTarget":"app:build:production"
}
}
},
"extract-i18n":{
"builder":"@angular-devkit/build-angular:extract-i18n",
"options":{
"browserTarget":"app:build"
}
},
"test":{
"builder":"@angular-devkit/build-angular:karma",
"options":{
"main":"src/test.ts",
"polyfills":"src/polyfills.ts",
"tsConfig":"tsconfig.spec.json",
"karmaConfig":"karma.conf.js",
"assets":[
"src/favicon.ico",
"src/assets"
],
"styles":[
"src/styles.scss"
],
"scripts":[
]
}
},
"lint":{
"builder":"@angular-devkit/build-angular:tslint",
"options":{
"tsConfig":[
"tsconfig.app.json",
"tsconfig.spec.json",
"e2e/tsconfig.json"
],
"exclude":[
"**/node_modules/**"
]
}
},
"e2e":{
"builder":"@angular-devkit/build-angular:protractor",
"options":{
"protractorConfig":"e2e/protractor.conf.js",
"devServerTarget":"app:serve"
},
"configurations":{
"production":{
"devServerTarget":"app:serve:production"
}
}
}
}
}
},
"defaultProject":"app"
}
ts.config.json
{
"compileOnSave":false,
"compilerOptions":{
"baseUrl":"./",
"outDir":"./dist/out-tsc",
"sourceMap":true,
"declaration":false,
"downlevelIteration":true,
"experimentalDecorators":true,
"module":"esnext",
"moduleResolution":"node",
"importHelpers":true,
"target":"es2015",
"typeRoots":[
"node_modules/@types"
],
"lib":[
"es2018",
"dom"
]
},
"angularCompilerOptions":{
"fullTemplateTypeCheck":true,
"strictInjectionParameters":true
}
}
运行新构建时的输出：
我现在在本地控制台中运行时收到此错误：
加载资源失败：net::ERR_FILE_NOT_FOUND index.html:1 CORS 策略已阻止从源“null”访问“file:///C:/polyfills-es2015.0fe6949bc5ff4b784062.js”处的脚本：跨源请求仅支持协议方案：http，数据，铬，铬扩展，https。
【问题讨论】：
-
检查 ng -> build -> outputPath 下 angular.json 文件中的路径。另外，检查相关位置。
-
我检查了输出路径，一切似乎都是正确的，因为它显示为“dist/app”
-
您可以使用示例应用程序和您的 angular.json 为您的应用程序创建 stackblitz 吗？
-
您正在查看
out-tsc文件夹，这是 TypeScript 在 WebPack 捆绑包之前使用的临时文件夹。请使用您的angular.json和tsconfig文件的内容更新您的问题。此外，在运行构建之前删除/dist，并使用ng build --prod命令的输出更新您的问题。不要将这些作为图片发布！ -
我删除了文件夹并运行了一个新版本并用结果更新了我原来的帖子
标签： javascript c# angular server angular-material