Getting Module not found: Error: Can't resolve '@uidu/ckeditor5-tokenizr' when importing npm package that I installed

Question

所以我在我的项目中安装了@uidu/ckeditor5-tokenizr。我在 node_modules/@uidu/ckeditor5-tokenizr 中看到它但是当我有 import tokenizr from '@uidu/ckeditor5-tokenizr';

在我的 Vue 组件部分出现以下错误

Module not found: Error: Can't resolve '@uidu/ckeditor5-tokenizr' in <path to file here>

我没有做任何疯狂的事情。

这是文件

<template>
  <ckeditor :editor="editor" v-model="editorData" :config="editorConfig"></ckeditor>
</template>


<script>
import CKEditor from '@ckeditor/ckeditor5-vue';
import ClassicEditor from '@ckeditor/ckeditor5-build-classic';
import tokenizr from '@uidu/ckeditor5-tokenizr';

export default {
  name: "Editor",
  components: {
    ckeditor: CKEditor.component
  },
  data() {
    return {
      editor: ClassicEditor,
      editorData: '<p>Editor Text Here</p>',
      editorConfig: {
      }
    };
  },
};
</script>

Answer 1

我的解决方案是将导入更改为

import Tokenizr from '@uidu/ckeditor5-tokenizr/src/tokenizr';

完整路径名。我仍然不知道为什么这是一个问题，因为在 @uidu/ckeditor5-tokenizr 中的 package.json 中有这个定义

"main": "src/tokenizr.js",

我很确定应该找到我手动输入的内容。不管怎样，这暂时解决了我的问题。

Getting Module not found: Error: Can't resolve '@uidu/ckeditor5-tokenizr' when importing npm package that I installed

Getting Module not found: Error: Can't resolve '@uidu/ckeditor5-tokenizr' when importing npm package that I installed

vue.js

npm

ckeditor5