问题：

卷起来。js svelte捆绑包未在索引中激活。html

国晟睿

2023-03-14

我正在尝试部署我的svelte项目，但在livereload插件之外激活捆绑javascript时遇到了问题。当我运行rollup-c-w时，代码显示得很好，但在其他服务器上为应用程序提供服务不会激活JavaCScript。这至少应该是一种安慰。记录一些东西，并希望添加html，但它只显示一个空白页面。

卷起来。配置。js

import svelte from "rollup-plugin-svelte";
import resolve from "@rollup/plugin-node-resolve";
import commonjs from "@rollup/plugin-commonjs";
import livereload from "rollup-plugin-livereload";
import replace from "@rollup/plugin-replace";
import { terser } from "rollup-plugin-terser";
import postcss from "rollup-plugin-postcss";
import babel from "rollup-plugin-babel";

export default {
  input: "src/main.js",
  output: {
    sourcemap: true,
    format: "iife",
    name: "app",
    file: "public/build/bundle.js"
  },
  plugins: [
    babel({
      exclude: "node_modules/**"
    }),
   
    svelte({
      // enable run-time checks when not in production
      dev: !production,
      // we'll extract any component CSS out into
      // a separate file - better for performance
      css: css => {
        css.write("bundle.css");
      }
    }),

    postcss(),

    // If you have external dependencies installed from
    // npm, you'll most likely need these plugins. In
    // some cases you'll need additional configuration -
    // consult the documentation for details:
    // https://github.com/rollup/plugins/tree/master/packages/commonjs
    resolve({
      browser: true,
      dedupe: ["svelte"]
    }),
    commonjs(),

    // In dev mode, call `npm run start` once
    // the bundle has been generated
    !production && serve(),

    // Watch the `public` directory and refresh the
    // browser on changes when not in production
    !production && livereload("public"),

    // If we're building for production (npm run build
    // instead of npm run dev), minify
    production && terser(),

    // for absolut imports
    // i.e., instead of
    // import Component  from "../../../../components/Component.svelte";
    // we will be able to say
    // import Component from "components/Component.svelte";
    aliases
  ],
  watch: {
    clearScreen: false
  }
};

rollup-c将输出捆绑包。js。我的索引。下面是html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1" />

    <link rel="shortcut icon" href="/favicon.ico" />
    <link rel="apple-touch-icon" sizes="76x76" href="/apple-icon.png" />
    <link rel="stylesheet" href="/build/bundle.css" />
    <link
      rel="stylesheet"
      href="/assets/vendor/@fortawesome/fontawesome-free/css/all.min.css"
    />
    <link rel="stylesheet" href="/assets/styles/tailwind.css" />
    <title>Teach Me Sensei</title>

    <script>
      if (process === undefined) {
        var process = { env: {} };
      }
    </script>
  </head>

  <body class="text-gray-800 antialiased">
    <noscript>
      <strong
        >We're sorry but notus-svelte doesn't work properly without JavaScript
        enabled. Please enable it to continue.</strong
      >
    </noscript>
    <div id="app"></div>
    <script src="/build/bundle.js"></script>
  </body>
</html>

这是运行lieverload时chrome控制台的样子。汇总-c-w

下面是chrome控制台在生产或其他服务器中的外观图片。汇总-c，只提供静态内容。我不确定livereload是否为javascript做了一些特殊的事情，但在我的其他服务器中，我确保为公共文件夹提供服务。我能看到包裹。控制台中的js。

共有1个答案

闻慎之

2023-03-14

好吧，我已经解决了这个问题，但我不明白为什么。我将分享我的发现，并在了解更多信息后返回更新。首先，我在生产中遇到问题的原因是我试图访问{production_url}/index。html。无论出于何种原因，我无法通过调用索引让svelte为前端添加水分。html，即使html可以检索所有必要的javascript和css。然而，一旦我修复了路由{production_url}/的静态引用，它就正确地为我的应用程序添加了水分。在localhost中也可以看到同样的影响。localhost:5000/index，但localhost:5000/index。html不会水合。

类似资料：

由Tycho surefire运行时未激活OSGi捆绑包

我有几个OSGi捆绑包，它们是在Eclipse中使用普通清单管理依赖项和Maven Tycho的外部构建构建构建的。在Equinox上运行Eclipse内部的捆绑包工作正常。用第谷建造它们效果很好。现在我想使用Tycho Surefire运行集成测试，为此我创建了一个简单的测试包，其中包含一些基本测试。测试中的bundle依赖于OSGi容器中的其他bundle和一些小的启动级别调整，以便正确运
OSGI捆绑延迟激活

我对这个(OSGI)真的是新手，试图做简单的例子。我不能让懒惰的修辞奏效。我知道有一些解决这些问题的蓝图，但在开始之前，我认为学习一些基础知识是很好的。好吧，我已经改变了我的代码，但仍然没有运气。外部应用程序，install bundles，启动framework，然后只启动DataServiceClient Bundle。不能访问任何bundle类。以下是DataServiceClient
在OSGi捆绑包激活期间打开文件

我已经用声明性服务（DS）组件定义定义了一个OSGi包（），指定了一个导出的服务、一个激活方法和一个停用方法。在Activate方法的主体中，我需要访问一个文件，该文件不在文件系统中，但绑定在OSGi捆绑包中。在activate方法期间，使用。这基本上是可行的，但有一种情况是不可行的。在我的应用程序中，
捆绑软件激活器无效

问题内容：我正在尝试在Eclipse中创建一个简单的插件。运行应用程序时，我在日志文件中看到此错误： org.osgi.framework.BundleException：捆绑包org.xy的激活器捆绑包org.xy的激活器无效。您对此错误有任何想法吗？问题答案：检查你的部分如果未正确指定最终二进制结果中应包含的内容，它将无法正常工作。检查.class文件是否在MANIFEST.MF所
未加载来自karma网页包的捆绑包

我正在尝试建立一个混合AngularJS Angular应用程序，它使用Webpack作为模块加载程序，Karma Jasmine作为测试框架。为了运行测试，我正在使用；但是，webpack创建的包从未加载到浏览器中，因此测试从未执行（duh！）。我试过很多方法来检查是否正常，但我在其他网站上都没有发现这个问题。所以，一点调试信息。首先，我的文件：运行Karma时，webpack执行成功（pr
Spring引导执行器endpoint未激活

控制台输出：我试图访问http：//localhost:8080/acturet/health的执行器健康endpoint，但没有成功。

卷起来。js svelte捆绑包未在索引中激活。html

共有1个答案

相关问答

相关文章

相关阅读

相关工具

相关文档