如何在ES6中导入SimpleMDE

Question

如何在ES6中导入SimpleMDE

4

我在我的Angular项目中使用SimpleMDE，该项目使用Webpack/ES6。

通过npm安装simplemde后：


npm install --save simplemde

当我通过以下方式导入文件时：


import * as SimpleMDE from 'simplemde/src/js/simplemde';

或者


import * as SimpleMDE from 'simplemde';

或者


import SimpleMDE from 'simplemde';

并使用new SimpleMDE(options)，在Chrome控制台中会出现错误。


Uncaught ReferenceError: SimpleMDE is not defined

- Hantsy

你尝试过用 npm i --save-dev simplemde 把它保存在你的 devDependencies 中吗？ - DomeTune

@DomeTune 这样做实际上除了在 package.json 中使用不同的键写入依赖项条目之外，什么也不会发生。 - ZekeDroid

很奇怪。最后一种方式是正确的导入模块的方法，因为他们公开的文件有 module.exports = SimpleMDE，这意味着你需要将其作为默认值导入。你得到未定义错误很奇怪。当你说你在控制台中得到了错误时，你不是指在放置调试器之后吗？你真的尝试写 new SimpleMDE(options) 并且它抛出了一个错误吗？ - ZekeDroid

你解决过这个问题吗？ - Drew

@Drew 目前还没有。我现在的前端技术栈已经转移到了 Angular 2，有一些 Angular 2 组件适用于 SimpleMDE。但是我现在的项目中并没有使用它。 - Hantsy

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- betelgewse · Accepted Answer

你尝试过使用import * as SimpleMDE from "SimpleMDE";吗？

注意名称"SimpleMDE"中的大小写敏感性。问题可能与操作系统有关 - Linux通常比Windows更关注大小写敏感性。

我在Windows机器上尝试过，new SimpleMDE(options)对我可用。