问题标签 [parceljs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
4295 浏览

javascript - Firebase“资源解释为样式表,但使用 MIME 类型文本/html 传输”

我创建了一个 Web 应用程序(只是一些 HTML、SCSS 和 JavaScrip)并将它与 parcel 捆绑在一起。当我在本地主机(由包裹提供)上运行应用程序时,一切正常。但是,一旦我在 firebase localhost 上启动它,CSS 就无法正常工作。我收到此错误:

资源解释为样式表,但使用 MIME 类型 text/html 传输

有谁知道,如何解决这个问题?

谢谢你的帮助!

0 投票
1 回答
1500 浏览

html - @font-face 安装 ParcelJS 后不工作

我之前设置 Gulp 以使用 Sass、Pug 和 Babel。字体加载正常。我现在改用Parcel,它按预期工作,除了一件事。字体没有加载。

以下是全部内容_fonts.sass

文件夹结构如下:

您可以在此处找到项目文件(“新”分支):GitHub

0 投票
0 回答
271 浏览

sass - 如何使用导入的 scss 文件中的 scss 变量?

我目前正在试用包裹,但遇到了一个问题。我无法使用导入的 scss 文件中的 scss 变量。

错误:未定义的变量:“$colors-utility”。

有任何想法吗?

0 投票
3 回答
1681 浏览

reactjs - 在带有 ParcelJS 的 Typescript 中使用环境变量

将使用 ParcelJS 构建的 react 应用程序迁移到 Typescript/React,我遇到了一些环境变量问题。实际上,这个问题似乎只影响错误输出,因为环境变量(URL,在<a>标签中使用)在网页上正常工作。

这是终端输出:

我尝试了几种方法,因为import * as process from "process"不能解决问题:

但是,如果我尝试输出有效的变量:

浏览器输出:

最后,我不知道这是 Parcel 问题还是 TSConfig 问题。有任何想法吗 ?

0 投票
1 回答
890 浏览

html - 由于某种原因,我的 scss 文件不会加载到 github html 页面上

编程新手,我想在 github 上发布我的投资组合网站。我的索引页显示了,但一些图片和我的所有 scss 文件都不会显示。任何帮助将不胜感激。

这是回购链接https://github.com/ELeonJohnson/ELeonJohnson.github.io

0 投票
0 回答
485 浏览

vue.js - 最新 Parcel + Vue 示例

我一直在尝试设置最新版本的 Parcel(据说它支持开箱即用的 Vue,不需要额外的插件),但我不断收到各种错误。

我在https://github.com/parcel-bundler/examples/tree/master/Vue进行了检查,并在此处和 Google 中进行了搜索,但找不到显示如何使用 Parcel 1.7 构建 Vue 项目的模板/示例。X。

在哪里可以找到 Parcel + Vue 示例的更新源?

0 投票
1 回答
1074 浏览

umd - Parceljs 构建 UMD

我正在尝试使用模块捆绑器 ParcelJS 构建一个模块。我希望这个特定模块对导入友好:

  • 它应该是进口友好的(ES6)
  • 它应该是友好的(节点)
  • 它应该是 script-src 友好的(浏览器)
  • 它应该支持UMD约定...

我尝试了以下方法:

测试类.js

index.js(创建包的文件)

尝试通过运行创建通用捆绑包:parcel index.js --global TestClass

有没有人可以给我更多关于使用 parceljs 导出模块的信息/帮助?

0 投票
1 回答
922 浏览

command-line-interface - 调用“watch”时 Parcel.js 命令行界面错误

尝试使用包裹查看 html 文件的更改时收到以下错误:

我应该尝试什么?

0 投票
1 回答
160 浏览

single-page-application - Preact 和 Parcel - 捆绑后的路由问题

一个多月以来,我一直在寻找解决方案。

我已经使用parcel-bundlerand构建了一个个人登录页面preact。我也preact-router用来处理我的路由。

这是一些代码。

主要应用组件

导航组件

选项卡.json


因此,每当我使用 parcel 的服务器实时运行页面时,一切都会按预期工作:我单击一个选项卡,然后呈现相应的页面/组件。

但是,每当我运行时parcel build blah blah,打开我的index.html并单击任何选项卡,我都会得到以下https://i.imgur.com/71ogrFA.png(单击选项卡时浏览器窗口的屏幕截图),以及浏览器更改为file:///C:/{route_name}.

我试图理解为什么当我在 parcel 的实时服务器上运行我的页面时它可以工作,以及为什么它在构建后不起作用?看起来,在构建之后,单击任何选项卡会导致浏览器在文件系统中搜索页面?是这种情况吗?最终,我该如何解决这个问题?

0 投票
1 回答
512 浏览

javascript - 在 JS 应用程序中在运行时加载预编译的包

目前,我有一个使用 Webpack 1.15.0 构建的 React 应用程序。

我想在运行时将一个或多个预编译包加载到我的应用程序中,就像在插件系统中一样。主应用程序不知道这些包的名称,但它知道它们将位于特定目录中。

我找到了这个解决方案: 解决方案:动态加载独立编译的 Webpack 2 包 ,但看起来有点复杂。

我可以通过使用 Webpack、Fusebox、Parcel 或任何其他工具以更简单的方式完成此任务吗?