我有一个项目,其中有多个Angular应用程序和一个 ionic 应用程序。我有许多类(模型)以及可以在所有应用程序之间共享的服务。
我的第一个想法是将共享文件放置在它们自己的单独目录/文件夹中,并创建一个符号链接(symbolic link)。我试图启动ionic应用程序,并且收到以下消息:
搜索此错误消息后,我遇到了following,但这是针对较低 Angular 版本的(我正在使用Angular 6和Ionic 4)。我还注意到许多关于符号链接(symbolic link)在 Angular cli中不起作用的帖子-似乎适用于旧版本。
我想找出是否有人知道如何解决此错误,以及符号链接(symbolic link)在 Angular 应用程序/ ionic 应用程序中是否起作用?
谢谢
最佳答案
对于 Angular webapp ,通过添加该解决方案似乎非常简单"preserveSymlinks": true
到angular.json文件。
angular.json
{
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
"version": 1,
"newProjectRoot": "projects",
"projects": {
"my-project": {
"root": "",
"sourceRoot": "src",
"projectType": "application",
"architect": {
"build": {
"builder": "@angular-devkit/build-angular:browser",
"options": {
"outputPath": "target",
"index": "src/index.html",
"main": "src/main.ts",
"tsConfig": "src/tsconfig.app.json",
"polyfills": "src/showcase/polyfills.ts",
"preserveSymlinks": true,
...
现在,如果要使用保留的符号链接(symbolic link)创建库,则必须在
tsconfig.lib.json
中添加相同的功能,因为对于库,您没有angular.jsontsconfig.lib.json
"angularCompilerOptions": {
"annotateForClosureCompiler": true,
"skipTemplateCodegen": true,
"strictMetadataEmit": true,
"fullTemplateTypeCheck": true,
"strictInjectionParameters": true,
"enableResourceInlining": true,
"preserveSymlinks": true },
对于 IONIC应用程序,symlink问题是一个长期悬而未决的问题,似乎解决方案仍处于公开PR中。您可以跟踪progress here。
You can read more about the Angular webapp issue here