安装quill-image-resize-module会导致在其中创建包含许多模块的"node_modules“
我正在尝试通过NPM安装quill-image-resize-module。我已经尝试过这些命令npm install --save quill-image-resize-module、npm install quill-image-resize-module、npm install -g quill-image-resize-module。
所有的结果都是一样的。结果是，在node_modules中创建了文件夹quill-image-resize-module，然后在quill-image-resize-module中创建了另一个node_modules。在这个新的子node_modules中，创建了许多文件夹，例如acorn、array-uniq、lodash。
总而言之，NPM并没有安装软件包，而是下载了许多软件包，并将它们放在quill-image-resize-module中的一个新文件夹中。因此，我无法导入该包。
import ImageResize from 'quill-image-resize-module'这会导致错误。包确实存在，但它没有文件。它有另一个子文件夹，里面有许多其他的文件夹。
基于Old Pro的答案的日志：
ERROR in ./resources/js/app.js
Module not found: Error: Can't resolve 'quill-image-resize-module' in 'C:\xampp\htdocs\myapp\resources\js'
@ ./resources/js/app.js 112:0-36
@ multi ./resources/js/app.js ./resources/sass/app.scss回答 4
Stack Overflow用户
发布于 2018-12-05 09:30:44
如果我使用require而不是import，则可以使用Node8.14.0。请发布你在运行时得到的错误
node -e 'require("quill-image-resize-module")'我安装的quill-image-resize-module在./node_modules/quill-image-resize-module/node_modules/下有425个目录，我得到的错误是window未定义，这对于node来说是正常的，但表明quill希望在浏览器中运行，所以你真正的问题可能与npm install无关。
Stack Overflow用户
发布于 2018-12-05 09:58:20
我建议你删除你的node_modules然后再运行npm i quill-image-resize-module --save，这应该需要一段时间才能安装，成功安装后，你应该有一个这样的树：-
node_modules
├── quill-image-resize-module
│ ├── demo
│ │ ├── index.html
│ │ └── script.js
│ ├── node_modules
│ │ └── //Contains a long list of other dependencies
│ └── src
│ ├── modules
│ │ ├── BaseModule.js
│ │ ├── DisplaySize.js
│ │ ├── Resize.js
│ │ └── Toolbar.js
│ │
│ ├── DefaultOptions.js
│ └── ImageResize.js
│
|
├── .editorconfig
├── .eslintrc
├── .npmignore
├── CHANGELOG.md
├── image-resize.min.js
├── npm-shrinkwrap.json
├── package.json
├── README.md
└── webpack.config.js 之后，您可以导入包，如下图所示：
用法
Webpack/ES6
import Quill from 'quill';
import { ImageResize } from 'quill-image-resize-module';
Quill.register('modules/imageResize', ImageResize);
const quill = new Quill(editor, {
// ...
modules: {
// ...
imageResize: {
// See optional "config" below
}
}
});这应该可以解决您的问题，但您可以在quill-image-resize-module上阅读更多内容。
Stack Overflow用户
发布于 2018-12-09 04:34:25
编辑:给这个NPM包一个镜头npm i quill-image-resize或者yarn add quill-image-resize
这是用于安装依赖项的正确CLI命令。npm i @appsflare/quill-image-resize-module
由于缺少对appsflare mono的引用，它可能正在安装来自其他repos或其他东西的许多其他模块。
https://www.npmjs.com/package/@appsflare/quill-image-resize-module
根据NPM文档，在使用正确的安装命令后，此import { ImageResize } from 'quill-image-resize-module';应该可以工作。
祝你好运，我希望这对你有帮助。
https://stackoverflow.com/questions/53575073
复制相似问题
腾讯云开发者
