找不到获取模块：错误：导入我安装的npm软件包时，无法解析'@ uidu / ckeditor5-tokenizr'

问题描述

因此，我在项目中安装了@ 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>

解决方法

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

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

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

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

我很确定应该找到我手动输入的内容。无论哪种方式，现在都可以解决我的问题。