javascript - React 应用程序无法仅在 Windows 上处理 svg 图像

Question

我有一个在 OSX 上运行良好的 React 应用程序，但由于 svgs，它在 Windows 上快不行了:

Module parse failed: Unexpected token (2:0)
You may need an appropriate loader to handle this file type.
<svg xmlns="http://www.w3.org/2000/svg" viewBox="...">

我怀疑问题在于两个操作系统之间的正则表达式意见不同(或者可能是对斜杠的不同解释？路径？)但这只是因为我不知道出了什么问题。

可能与 webpack 中的几个 .svg 加载器之一相关:

test: /\.svg$/,
include: /src\/assets/,
exclude: /src\/assets\/images/,

我知道这没什么好继续的，但我不知道还应该包括什么。如果有任何其他有用的信息，我很乐意编辑问题。

同样，该应用程序在 OSX 上构建良好。它只是不会在 Windows 上构建。

Answer 1

是斜杠。

这在 Windows 上不起作用:

test: /\.svg$/,
include: /src\/assets/,
exclude: /src\/assets\/images/,

这确实有效:

test: /\.svg$/,
include: /src(\/|\\)assets/,
exclude: /src(\/|\\)assets\/images/,

正斜杠或反斜杠。也不会破坏 OSX/Linux 上的任何内容

摘自 here