BigCommerce Stencil - TypeError：window.stencilBootstrap 不是函数答案

【问题标题】：BigCommerce Stencil - TypeError: window.stencilBootstrap is not a functionBigCommerce Stencil - TypeError：window.stencilBootstrap 不是函数
【发布时间】：2018-08-23 03:03:48
【问题描述】：

从今天美国东部标准时间上午 10:30 左右开始，我一直无法成功应用模板自定义主题。今天美国东部标准时间上午 10:30 之前捆绑的任何主题在应用于店面时都可以正常工作。主题在本地工作正常，捆绑时没有错误，但是一旦应用主题，页面加载 HTML 时没有应用图像或任何样式。控制台中的错误为“TypeError: window.stencilBootstrap is not a function”。

我已在多个帐户上验证了该问题，甚至在尝试捆绑和应用新的 Cornerstone 克隆时发生。

status.bigcommerce.com没有报告问题

今天还有其他人遇到类似问题吗？我需要更新我的 CLI 吗？

谢谢

【问题讨论】：

这是我们这边的一个问题，但只有一小部分。我们正在努力解决。
太棒了。谢谢！！
现在应该修复了。
看起来不错。感谢您的快速帮助。
@Alyss 我也开始遇到这个问题。问题又出现了吗？

标签： bigcommerce

【解决方案1】：

在给出命令模板包时，它会清除“assets/dist”文件。这样会抛出错误主题-bundle.main.js 文件丢失并且 window-stencilBootstrap 不是函数。为避免清除“资产/分布”，请按照以下步骤操作。

在根文件夹中的 webpack.conf.js 中注释以下行

/new CleanWebpackPlugin(['assets/dist'], {

verbose: false,

watch: false,

}),/

在此之后，运行 stencil bundle 'asset/dist' 文件夹将不会被清除。检查你有'assets/dist'文件夹然后上传。上传主题后，前端就可以正常工作了。

【讨论】：

【解决方案2】：

这是stencil-cli 的一个错误。

有一个未解决的问题：https://github.com/bigcommerce/stencil-cli/issues/379

我刚刚提交了一个可能修复的拉取请求：https://github.com/bigcommerce/stencil-cli/pull/409

在这个问题中，我建议一个可以在主题中完成的解决方法，而无需修改stencil-cli。

在stencil.conf.js，从文件顶部删除这两行：

var webpack = require('webpack');
var webpackConfig = require('./webpack.conf.js');

将它们复制为development 和production 函数的初始行，其中实际使用了这些变量。

此更改通常可以解决问题。

【讨论】：