问题描述
这是我的文件夹结构
当我尝试运行我的React应用时，它给了我这个错误 编译失败。
./ src / css / owl.html 1：0 模块解析失败：意外令牌（1：0） 您可能需要适当的加载程序来处理此文件类型，当前没有配置任何加载程序来处理此文件。参见https://webpack.js.org/concepts#loaders
我尝试了google，它说我需要创建手动加载程序来加载我的html文件。它与webpack有关，但我不知道如何以及在何处配置loader来加载owl.html文件。
解决方法
简短答案：
不，您不能简单地通过插件将HTML / CSS / JS转换为React JS。
webpack不需要create-react-app，因为Owl.js已经提供并打包了它，您可以简单地创建所提供页面模板的组件。
详细答案：
React项目体系结构说，必须为每个UI页面/ segment / section / widget创建一个React JS组件。因此，要通过html文件创建一个页面以进行响应，您只需在components文件夹中创建一个名为Owl.js的组件文件即可。
在import React from 'react';
export default () => {
return (
<React.Fragment>enter code here
// paste the code from your owl.html file. (everything that is written under <body>)
</React.Fragment>
)
}
中输入以下内容：
App.js通过将其导入到Owl.js中，使用该新创建的组件。
也可以通过简单地将其导入import '~you-path~/owl.css';
文件中来使用css，如下所示：
owl.js最后，要使所有用{{1}}编写的JS，必须从return语句中仔细集成新创建的组件中使用的函数，侦听器和数据。
我希望这可以消除这里的困惑。