问题标签 [webpack-3]

我已经看到这个问题已经被问过很多次了，但在这种情况下，我认为它与我在 Vue 中所做的事情更相关的是我的 karma/webpack 配置。那是因为我只在使用 Karma 运行测试时收到警告（使用最新的 Chrome 无头），但在立即使用webpack-dev-server时我没有收到警告。

这是我从app/webpack.base.config.js文件开始的 conf：

应用程序/webpack.config.js

app/test/karma.conf.js（这里只使用webpack.base.config.js文件，而不是全部）

应用程序/测试/index.js

然后在我的规范中安装组件时收到警告，如下所示：

警告：仅在以下情况下才会发生这种情况：

1. 我使用vue-class-component库
2. 我的组件继承自另一个
3. 通过 Karma/Chrome 无头运行代码时

我在日志中得到的错误是：

[Vue 警告]：属性或方法“有效”未在实例上定义，但在渲染期间被引用。通过初始化该属性，确保该属性是反应性的，无论是在数据选项中，还是对于基于类的组件。请参阅：https ://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties 。

它抱怨的“有效”属性在ApiComponent类内部（基本上是父类）。

这是给我警告的组件之一：

如果不是Extractor从ApiComponent我扩展类，而是将所有代码Vue复制并粘贴到类中，那么警告就会消失。重点是......为什么我只有在通过 Karma 运行代码时才会收到警告？ApiComponentExtractor

我试图让我的 scss 运行得更漂亮，但总是出错。我正在使用prettier-webpack-loader（也尝试过prettier-webpack-plugin）。当我运行它时，它似乎想将 .scss 文件作为 javascript 处理。我的一个 js 文件如下所示：

头文件如下所示：

我有以下 webpack 加载器：

当我运行它时，我收到以下错误：

如果我通过 CLI 运行更漂亮，它工作正常。

我正在使用 Angular2 + Webpack3。

这是我的 webpack.config.ts 和 tsconfig.json。

tsconfig.json 文件

我正在使用 vs 代码，我正在尝试调试我的 index.ts 文件，我正在使用 ts-node 构建我的 ts 文件。我的问题是当我开始调试时出现错误，因为我的 index.ts 文件包含

错误是$mainColor: #7777bb; SyntaxError: Invalid or unexpected token

我的 launch.json 看起来像：

考虑到这是无效的 typescript/javascript 语法，这非常有意义。此外，我得出的结论是，在与 webpack 3(2) 捆绑时排除此导入是不好的做法。我的问题是我正在尝试找出如何使用 ts-node 正确调试并以某种方式跳过此导入语句，或者是否有一种可靠的方法可以捆绑我的 SCSS 文件而不将它们导入我的 index.ts （我知道这是矛盾的，但如果它有效......）。如果可能的话，我还想避免通过浏览器进行调试。

In short, I need to jshint tests specifications in parallel with the package sources during the build process.

Using the Webpack 3, how to make jshint-loader to watch out for two different folders with two different .jshintrc files? One pack of sources with .jshintrc is in the ./src folder, which is bundling to the end distributive, and the other one pack with another .jshintrc is in the ./test folder, which does not mentioned in the Webpack config (Karma handles it).

I tried the following two approaches, and both of them processed ./src only, they didn't do anything with ./test. First version of Webpack config:

The second version of Webpack config differs in the module-rules part:

But as I said this doesn't work. Full config/sources could be obtained from this repository. So is it possible to fix my approach or do I need try something quite different?

自从将 webpack 升级到版本 3 并将我的其他包升级到各自的最新版本后，我收到一个错误。我将它用于具有 office ui fabric react 的应用程序，但是我找不到错误。据我了解，我的块的加载顺序是正确的，那么这里有什么问题？

这是我的 webpack 配置：

还有我的 package.json

编辑：问题只存在于 IE 中。Chrome 和 FF 解析生成的脚本没有问题。

编辑 2：当我使用产品构建时，我的供应商捆绑包中出现错误“设置未定义”。看来 IE 不支持这个。我在我的 webpack 配置中包含了一组 polyfill，但错误仍然存​​在。

我正在尝试在选项卡中加载组件。在单击特定选项卡时，我需要加载特定组件。但它在导航到该组件时会加载所有组件。

.html

.ts

我已经退出了我的 angular-cli 项目，并且无法让任何代码覆盖工作。我尝试了各种软件包和配置，但似乎找不到合适的组合。当我运行npm run test测试时，请成功运行并显示 Chrome 浏览器输出。我只想能够设置阈值并输出覆盖范围。

这是我的 package.json

这是我的 karma.conf.js

这是我的 webpack.config.js

我正在尝试使用 ng-include 将一个 html 文件包含到另一个 html 中。跟随这个没有运气，可能是由于 webpack 版本的差异。

尝试在 ng-include 中查找文件时出现 404 错误

包.json

index.js（应用程序的入口点）

需要包含 navbar.html 文件的 index.html 文件

索引.html

我该如何解决？在 webpack 外部链接上作为要求（[“ https://maps.googleapis.com/maps/api/js?key=”+API_KEI >> 获取 ModuleNotFoundError