源映射引用不存在的源文件

Question

在使用webpack编译我的项目时，webpack编译器会为我安装和使用的每个Kendo UI组件抛出以下错误。

WARNING in ./node_modules/@progress/kendo-dropdowns-react-wrapper/dist/es/autocomplete/index.js
(Emitted value instead of an instance of Error) Cannot find source file '../../../src/autocomplete/index.tsx': Error: Can't resolve '../../../src/autocomplete/index.tsx' in 'C:\Users\apearson\Documents\ILS\OmniView\OmniView.UI\node_modules\@progress\kendo-dropdowns-react-wrapper\dist\es\autocomplete'
@ ./node_modules/@progress/kendo-dropdowns-react-wrapper/dist/es/index.js 1:0-43
@ ./ClientApp/components/elements/SearchDrawer.tsx
@ ./ClientApp/components/pages/Checks.tsx
@ ./ClientApp/App.tsx
@ multi (webpack)-dev-server/client?http://localhost:8080 ./ClientApp/App.tsx

此错误是由Kendo UI模块的源映射引用不存在的相对路径引起的。这是在npm安装后导致问题和当前文件结构的源映射片段。

{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/autocomplete/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,OAAO,

正如您所看到的，"sources": "../../../src/autocomplete/index.tsx"是导致代码的问题。

这是一个已知问题吗？

当前设置：
- Kendo UI：2017.3.1116
- Webpack：3.6.0

Answer 1

我目前的解决方法是在实际代码中对每个Kendo UI模块的源地图引用进行搜索和替换。这消除了在webpack编译期间发生的警告。

这不是一个好的解决方案，因为它删除了源地图的使用。

更新1：问题是由于在打字机加载程序旁边运行Source Map Loader引起的。