2016-08-26 13 views
2

Aurelia \ Aspnetcore \ TypescriptプロジェクトでAurelia-Formプラグインを使用しようとしています。aurelia-forms bundling issue aurelia-cli

残念ながら、aurelia-cliビルドプロセスでは、aurelia-formコンポーネントが正しくバンドルされていないため、問題が発生します。左側に

Bundling progress

それは(ここhttps://github.com/SpoonX/swan-example-clientから取られたプロジェクト)する方法です。

私はaurelia.jsonにエラーがあるかもしれないと思っていますが、疑わしいものは何も見えません。

{ 
 
    "name": "AuFormsEx", 
 
    "type": "project:application", 
 
    "platform": { 
 
    "id": "aspnetcore", 
 
    "displayName": "ASP.NET Core", 
 
    "output": "wwwroot\\scripts", 
 
    "baseUrl": "scripts" 
 
    }, 
 
    "transpiler": { 
 
    "id": "typescript", 
 
    "displayName": "TypeScript", 
 
    "fileExtension": ".ts", 
 
    "dtsSource": [ 
 
     "./typings/**/*.d.ts", 
 
     "./custom_typings/**/*.d.ts" 
 
    ], 
 
    "source": "src\\**\\*.ts" 
 
    }, 
 
    "markupProcessor": { 
 
    "id": "none", 
 
    "displayName": "None", 
 
    "fileExtension": ".html", 
 
    "source": "src\\**\\*.html" 
 
    }, 
 
    "cssProcessor": { 
 
    "id": "none", 
 
    "displayName": "None", 
 
    "fileExtension": ".css", 
 
    "source": "src\\**\\*.css" 
 
    }, 
 
    "editor": { 
 
    "id": "visualstudio", 
 
    "displayName": "Visual Studio" 
 
    }, 
 
    "unitTestRunner": { 
 
    "id": "none", 
 
    "displayName": "None" 
 
    }, 
 
    "paths": { 
 
    "root": "src", 
 
    "resources": "src\\resources", 
 
    "elements": "src\\resources\\elements", 
 
    "attributes": "src\\resources\\attributes", 
 
    "valueConverters": "src\\resources\\value-converters", 
 
    "bindingBehaviors": "src\\resources\\binding-behaviors" 
 
    }, 
 
    "build": { 
 
    "targets": [ 
 
     { 
 
     "id": "aspnetcore", 
 
     "displayName": "ASP.NET Core", 
 
     "output": "wwwroot\\scripts", 
 
     "baseUrl": "scripts" 
 
     } 
 
    ], 
 
    "loader": { 
 
     "type": "require", 
 
     "configTarget": "vendor-bundle.js", 
 
     "includeBundleMetadataInConfig": "auto", 
 
     "plugins": [ 
 
     { 
 
      "name": "text", 
 
      "extensions": [ 
 
      ".html", 
 
      ".css" 
 
      ], 
 
      "stub": true 
 
     } 
 
     ] 
 
    }, 
 
    "options": { 
 
     "minify": "stage & prod", 
 
     "sourcemaps": "dev & stage" 
 
    }, 
 
    "bundles": [ 
 
     { 
 
     "name": "app-bundle.js", 
 
     "source": [ 
 
      "[**/*.js]", 
 
      "**/*.{css,html}" 
 
     ] 
 
     }, 
 
     { 
 
     "name": "vendor-bundle.js", 
 
     "prepend": [ 
 
      "node_modules/bluebird/js/browser/bluebird.core.js", 
 
      "wwwroot\\scripts/require.js" 
 
     ], 
 
     "dependencies": [ 
 
      "aurelia-binding", 
 
      "aurelia-bootstrapper", 
 
      "aurelia-dependency-injection", 
 
      "aurelia-event-aggregator", 
 
      "aurelia-framework", 
 
      "aurelia-history", 
 
      "aurelia-history-browser", 
 
      "aurelia-loader", 
 
      "aurelia-loader-default", 
 
      "aurelia-logging", 
 
      "aurelia-logging-console", 
 
      "aurelia-metadata", 
 
      "aurelia-pal", 
 
      "aurelia-pal-browser", 
 
      "aurelia-path", 
 
      "aurelia-polyfills", 
 
      "aurelia-route-recognizer", 
 
      "aurelia-router", 
 
      "aurelia-task-queue", 
 
      "aurelia-templating", 
 
      "aurelia-templating-binding", 
 
      "aurelia-fetch-client", 
 
      "extend", 
 
      "aurelia-view-manager", 
 
      { 
 
      "name": "aurelia-validation", 
 
      "path": "../node_modules/aurelia-validation/dist/amd", 
 
      "main": "index" 
 
      }, 
 
      { 
 
      "name": "validate.js", 
 
      "path": "../node_modules/validate.js", 
 
      "main": "validate" 
 
      }, 
 
      { 
 
      "name": "aurelia-validatejs", 
 
      "path": "../node_modules/aurelia-validatejs/dist/amd", 
 
      "main": "aurelia-validatejs" 
 
      }, 
 
      { 
 
      "name": "aurelia-form", 
 
      "path": "../node_modules/aurelia-form/dist/amd", 
 
      "main": "aurelia-form", 
 
      "resources": [ 
 
       "component/**/*.html" 
 
      ] 
 
      }, 
 
      "jquery", 
 
      { 
 
      "name": "bootstrap", 
 
      "path": "../node_modules/bootstrap/dist", 
 
      "main": "js/bootstrap.min", 
 
      "deps": [ "jquery" ], 
 
      "exports": "$", 
 
      "resources": [ 
 
       "css/bootstrap.css" 
 
      ] 
 
      }, 
 
      { 
 
      "name": "text", 
 
      "path": "../wwwroot\\scripts/text" 
 
      }, 
 
      { 
 
      "name": "aurelia-templating-resources", 
 
      "path": "../node_modules/aurelia-templating-resources/dist/amd", 
 
      "main": "aurelia-templating-resources" 
 
      }, 
 
      { 
 
      "name": "aurelia-templating-router", 
 
      "path": "../node_modules/aurelia-templating-router/dist/amd", 
 
      "main": "aurelia-templating-router" 
 
      }, 
 
      { 
 
      "name": "aurelia-testing", 
 
      "path": "../node_modules/aurelia-testing/dist/amd", 
 
      "main": "aurelia-testing", 
 
      "env": "dev" 
 
      } 
 
     ] 
 
     } 
 
    ] 
 
    } 
 
}

任意のアイデア?

答えて

1

答えを探している場合は、configure.jsonをAurelia-CLIで作成したままにしてから、Visual Studioのwwwrootに公開することをお勧めします。私が今作成したものを見てみましょう。

{ 
    "name": "AuFormsEx", 
    "type": "project:application", 
    "platform": { 
    "id": "aspnetcore", 
    "displayName": "ASP.NET Core", 
    "output": "scripts", 
    "index": "index.html", 
    "baseUrl": "scripts" 
    }, 
    "transpiler": { 
    "id": "typescript", 
    "displayName": "TypeScript", 
    "fileExtension": ".ts", 
    "dtsSource": [ 
     "./typings/**/*.d.ts", 
     "./custom_typings/**/*.d.ts" 
    ], 
    "source": "src/**/*.ts" 
    }, 
    "markupProcessor": { 
    "id": "none", 
    "displayName": "None", 
    "fileExtension": ".html", 
    "source": "src/**/*.html" 
    }, 
    "cssProcessor": { 
    "id": "none", 
    "displayName": "None", 
    "fileExtension": ".css", 
    "source": "src/**/*.css" 
    }, 
    "editor": { 
    "id": "visualstudio", 
    "displayName": "Visual Studio" 
    }, 
    "unitTestRunner": { 
    "id": "none", 
    "displayName": "None" 
    }, 
    "paths": { 
    "root": "src", 
    "resources": "src/resources", 
    "elements": "src/resources/elements", 
    "attributes": "src/resources/attributes", 
    "valueConverters": "src/resources/value-converters", 
    "bindingBehaviors": "src/resources/binding-behaviors" 
    }, 
    "build": { 
    "targets": [ 
     { 
     "id": "aspnetcore", 
     "displayName": "ASP.NET Core", 
     "output": "scripts", 
     "index": "index.html", 
     "baseUrl": "scripts" 
     } 
    ], 
    "loader": { 
     "type": "require", 
     "configTarget": "vendor-bundle.js", 
     "includeBundleMetadataInConfig": "auto", 
     "plugins": [ 
     { 
      "name": "text", 
      "extensions": [ 
      ".html", 
      ".css" 
      ], 
      "stub": true 
     } 
     ] 
    }, 
    "options": { 
     "minify": "stage & prod", 
     "sourcemaps": "dev & stage" 
    }, 
    "bundles": [ 
     { 
     "name": "app-bundle.js", 
     "source": [ 
      "[**/*.js]", 
      "**/*.{css,html}" 
     ] 
     }, 
     { 
     "name": "vendor-bundle.js", 
     "prepend": [ 
      "node_modules/bluebird/js/browser/bluebird.core.js", 
      "node_modules/requirejs/require.js" 
     ], 
     "dependencies": [ 
      "aurelia-binding", 
      "aurelia-bootstrapper", 
      "aurelia-dependency-injection", 
      "aurelia-event-aggregator", 
      "aurelia-framework", 
      "aurelia-history", 
      "aurelia-history-browser", 
      "aurelia-loader", 
      "aurelia-loader-default", 
      "aurelia-logging", 
      "aurelia-logging-console", 
      "aurelia-metadata", 
      "aurelia-pal", 
      "aurelia-pal-browser", 
      "aurelia-path", 
      "aurelia-polyfills", 
      "aurelia-route-recognizer", 
      "aurelia-router", 
      "aurelia-task-queue", 
      "aurelia-templating", 
      "aurelia-templating-binding", 
      "text", 
      { 
      "name": "aurelia-templating-resources", 
      "path": "../node_modules/aurelia-templating-resources/dist/amd", 
      "main": "aurelia-templating-resources" 
      }, 
      { 
      "name": "aurelia-templating-router", 
      "path": "../node_modules/aurelia-templating-router/dist/amd", 
      "main": "aurelia-templating-router" 
      }, 
      { 
      "name": "aurelia-testing", 
      "path": "../node_modules/aurelia-testing/dist/amd", 
      "main": "aurelia-testing", 
      "env": "dev" 
      } 
     ] 
     } 
    ] 
    } 
} 

\\と/ pathの区切り文字も混在していますが、これは必須ではありません。 私はこれが役立つことを願っています。