如何将Polymer3 App部署到GH页面?

问题描述 投票:0回答:1

我使用Polymer CLI创建了一个polymer3应用程序。我似乎无法正确配置polymer.json文件,因此当我部署到GH页面时,所有内容都正确加载。

目前我的polymer.json看起来像这样:

{
"entrypoint": "index.html",
  "shell": "src/site-app/site-app.js",
  "sources": [
    "src/site-app/**",
    "package.json",
    "css/**",
    "js/**"
  ],
  "extraDependencies": [
    "manifest.json",
    "node_modules/@webcomponents/**",
    "node_modules/@polymer/**",
    "node_modules/@fabricelements/**",
    "node_modules/web-animations-js/**"
  ],
  "moduleResolution": "node",
  "npm": true,
  "lint": {
    "rules": [
      "polymer-3"
    ]
  },
  "builds": [{
    "preset": "es6-unbundled"
  }]
}

我在Chrome上的开发控制台中看到的错误如下

web-animations-next-lite.min.js:1 Failed to load resource: the server responded with a status of 404 ()
web-animations.min.js:1 Failed to load resource: the server responded with a status of 404 ()
webcomponents-loader.js:1 Failed to load resource: the server responded with a status of 404 ()
8
website.github.io/:1 Uncaught TypeError: Failed to resolve module specifier "@polymer/polymer/polymer-element.js". Relative references must start with either "/", "./", or "../".

我怎样才能修复我的polymer.json所以我会正确部署到GH页面?

polymer github-pages polymer-3.x
1个回答
0
投票

polymer.json只是聚合物构建的配置。除了你的回购中的什么,Github Pages不会为你下载或托管任何东西。所以你需要从像https://cdnjs.com这样的cdn中加载不在你的repo(npm依赖项)中的任何东西。

© www.soinside.com 2019 - 2024. All rights reserved.