Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Webpack 当css中的URL以';首字母';_Webpack_Create React App - Fatal编程技术网

Webpack 当css中的URL以';首字母';

Webpack 当css中的URL以';首字母';,webpack,create-react-app,Webpack,Create React App,我发现Webpack有一个非常令人费解的行为。当我在css中引用以单词initial开头的文件时,webpack会更改文件名,并查找以none开头的文件。复制:我创建一个新项目(使用createreact应用程序),并将名为initial.svg的图像添加到/src目录中 然后我将以下内容添加到css中(App.css): 。图标{ 背景图像:url('./initial.svg'); } 当使用纱线构建构建时,我得到以下错误: ./src/App.css ModuleNotFoundErro

我发现Webpack有一个非常令人费解的行为。当我在css中引用以单词
initial
开头的文件时,webpack会更改文件名,并查找以
none
开头的文件。复制:我创建一个新项目(使用createreact应用程序),并将名为
initial.svg
的图像添加到
/src
目录中

然后我将以下内容添加到css中(
App.css
):

。图标{
背景图像:url('./initial.svg');
}
当使用
纱线构建构建时,我得到以下错误:

./src/App.css
ModuleNotFoundError: Module not found: Error: Can't resolve './none.svg' in 'd:\Projects\Орбита.Про\test\test-app\src'
这个问题只会发生在以
开头的文件名上,而且只有在我在css中提到它们时才会发生。我可以将文件命名为
initialabc.svg
,网页会抱怨
noneabc.svg
。有人能解释一下为什么webpack的行为如此奇怪吗?有没有什么方法可以允许css中的URL以“initial”开头