Question

我用create-react-app创建了我的反应应用。对于我的应用程序，我需要进度，完美滚动条等，还有第三方库我尝试在pace-progress文件中导入index.js，如下所示：

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import 'pace-progress';
import App from './App/AppContainer.bs';
import registerServiceWorker from './registerServiceWorker';

ReactDOM.render(<App />, document.getElementById('root'));
registerServiceWorker();

编译器抱怨：

./ node_modules /步伐正在进行/ pace.js

找不到模块：无法解决＆＃39;节奏＆＃39; in＆＃39; / home / developer / Desktop / react-reason / cockpit / node_modules / pace-progress＆＃39;

pace-progress 的结构如下所示：

如您所见，默认的index.js文件无处可去。如何导入文件？

Answer 1

我设法通过运行npm install pace --save

来解决这个问题

即。将pace显式安装到node_modules文件夹的根目录

Answer 2

您始终可以在根HTML文件中加载这些库，例如index.html，然后在您的应用中重复使用它。您应该单独加载您的应用，并从window范围到达第三方库。

Answer 3

这是步速

的模块定义问题

Mode=OneWay

（这将节奏定义为依赖关系，npm的速度是此项目不依赖的无关CLI进度条包。）

您可以在this issue on pace repo

中详细了解相关信息

不幸的是，正因为如此，解决方案并不漂亮。

解决此问题的一种方法是更改webpack配置以添加此

define(['pace'], function() {
  return Pace;
});

这需要弹出create react app。我建议反对。我的建议是去另一个图书馆来显示进度条。如果您需要更多组件，可以使用react-progressbar.js，react-component/progress或使用UI框架UI frameworks for react

将第三方javascript库导入react

3 个答案: