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