使用聚合物构建时未找到 Lit-html

Question

我有一个相当基本的 lit-html 应用程序，可以在未构建时在本地运行。 但是，当我使用以下配置使用聚合物构建来构建它时：

{
    "entrypoint": "index.html",
    "shell": "src/school-home.js",
    "sources": [
    "src/**.js",
    "package.json"
    ],
    "extraDependencies": [
    "node_modules/@webcomponents/webcomponentsjs/bundles/**"
    ],
    "builds": [
    {"preset": "es6-bundled"}
    ]
}

这导致了成功的构建，但由于某种原因我不断收到错误：

我只是不明白为什么它不起作用。这就像基础知识中的基础知识却找不到？

旁白：我在 Windows 上使用 nginx，因为我想用我开发的 API 来测试 E2E。

另一个问题是我的 API 调用不断收到 CORS 错误，即使它们位于完全相同的位置？！！

请帮忙。

编辑：

我的 NGINX 配置：

worker_processes  1;

events {
    worker_connections  1024;
}


http {
    include       cors-settings.conf;
    include       mime.types;
    default_type  application/octet-stream;

    sendfile        on;
    keepalive_timeout  65;


    map $http_upgrade $connection_upgrade {
        default upgrade;
        '' close;
    }

    server {
        listen       8000;
        server_name  localhost;    

    location /school {
        root /html/ing-school;
        try_files $uri $uri/ $uri.html /index.html;
    }   
    
    location ~ ^/(api|login|logout) {
        proxy_pass http://localhost:8080;
        proxy_set_header Connection "";

     if ($request_method = 'OPTIONS') {
        add_header 'Access-Control-Allow-Origin' '*';
        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
        add_header 'Access-Control-Max-Age' 1728000;
        add_header 'Content-Type' 'text/plain; charset=utf-8';
        add_header 'Content-Length' 0;
        return 204;
     }
     if ($request_method = 'POST') {
        add_header 'Access-Control-Allow-Origin' '*';
        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
        add_header 'Access-Control-Allow-Headers' 'DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range';
        add_header 'Access-Control-Expose-Headers' 'Content-Length,Content-Range';
     }
    if ($request_method = 'GET') {
            add_header 'Access-Control-Allow-Origin' '*';
        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
        add_header 'Access-Control-Allow-Headers' 'DNT,User-Agent,X-Requested-    With,If-Modified-Since,Cache-Control,Content-Type,Range';
        add_header 'Access-Control-Expose-Headers' 'Content-Length,Content-    Range';
     }
       }

        location /ws {
            proxy_pass http://127.0.0.1:8080;
            proxy_http_version 1.1;
            proxy_set_header Upgrade $http_upgrade;
            proxy_set_header Connection $connection_upgrade;
        }

        error_page 404 /404.html;
            location = /40x.html {
        }

        error_page 500 502 503 504 /50x.html;
            location = /50x.html {
        }
    }
}

Answer 1

万一有人遇到这个问题，我的问题很奇怪是由于我所在的内部网络造成的。我无法再提供证据，因为现在的设置完全不同了。