0

我从我的 react 应用程序的服务器端卸载了包 @toast-ui/react-image-editor 因为我认为依赖项需要是客户端，所以我去客户端安装它，然后重新启动应用程序，它不能成立。

这是我的基本文件夹结构

 -myapp
    -server.js
    -package.json
    -node_modules
    -package-lock.json
    -client
       -package.json
       -node_modules
       -package-lock.json
       -src

我收到此错误：“./src/components/images/Editor.js Module not found: Can't resolve '@toast-ui/react-image-editor' in 'C:..\client\src\components\图片'”

之后我咨询了

如何使用 Node.js 解决“找不到模块”错误？

无法解析 React.js 中的模块（未找到）

基本上我已经删除并安装了单个软件包，在客户端上删除并安装了 node_modules，服务器运行 npm cache verify，仅在客户端上安装了软件包，在客户端和服务器上安装了软件包，仅在服务器上安装。

并且没有任何工作，这让我认为它可能是 VS Code 的导入错误，

有没有办法查看 npm 是如何尝试导入特定包或我没有为反应失败而导入明显存在的包所做的任何一般事情。

4

1 回答 1

1

我得到了同样的错误。我认为最近的3.14.3版本有问题。我回到 3.14.2，它运行良好。这是我的示例 App.js，可帮助您入门，基于 npm 页面。

import 'tui-image-editor/dist/tui-image-editor.css';
import ImageEditor from '@toast-ui/react-image-editor';

function App() {

  const myTheme = {
    // Theme object to extends default dark theme.
  };
  
  const MyComponent = () => (
    <ImageEditor
      includeUI={{

        theme: myTheme,
        menu: ['shape', 'filter'],
        initMenu: 'filter',
        uiSize: {
          width: '1000px',
          height: '700px',
        },
        menuBarPosition: 'bottom',
      }}
      cssMaxHeight={500}
      cssMaxWidth={700}
      selectionStyle={{
        cornerSize: 20,
        rotatingPointOffset: 70,
      }}
      usageStatistics={true}
    />
  );

  return (
    <div className="App">
      <header className="App-header">
      <div><MyComponent /></div>
      </header>
    </div>
  );
}

export default App;
于 2021-05-04T06:52:59.630 回答