首页 > 编程语言 >Cannot find module ‘node:module‘ & "plugins" is not allowed 的解决办法

Cannot find module ‘node:module‘ & "plugins" is not allowed 的解决办法

时间:2023-10-06 18:34:07浏览次数:47  
标签:node vue module js unplugin plugins import

在写demo时,装了下t-design-vue2的框架,想做个按需加载,官网这样说

但是我运行以后发现报错了

 Error: Cannot find module 'node:module'
        Require stack:
        - D:\ruanjian\nvm\v19.0.0\xiangmu\niu789\niu789\node_modules\[email protected]@mlly\dist\index.cjs

摸不着头脑的那种

后来发现是默认安装的版本太高了,锁定版本:

//package.json
"devDependencies":{
    "unplugin-auto-import": "^0.7.1",
    "unplugin-vue-components": "^0.19.3",
}

然后再运行又报了另外一个错:

Invalid options in vue.config.js: "plugins" is not allowed

百度后说vue.config.js里的plugin项要写到configureWebpack里去,遂解决
main.js:

import VueCompositionAPI from '@vue/composition-api'
// 引入组件库的少量全局样式变量
import 'tdesign-vue/es/style/index.css'

Vue.use(VueCompositionAPI) // 必须是项目的第一个 use

config.js:

const { defineConfig } = require('@vue/cli-service')
const AutoImport = require('unplugin-auto-import/webpack')
const Components = require('unplugin-vue-components/webpack')
const { TDesignResolver } = require('unplugin-vue-components/resolvers')
module.exports = defineConfig({
  transpileDependencies: true,
  configureWebpack: {
    plugins: [
      AutoImport({
        resolvers: [TDesignResolver()]
      }),
      Components({
        resolvers: [TDesignResolver()]
      })
    ]
  }
})

以上。

标签:node,vue,module,js,unplugin,plugins,import
From: https://www.cnblogs.com/hjk1124/p/17744804.html

相关文章

  • nodejs在linux下配置环境变量安装指南
    编辑环境变量#vim/etc/profile1.按i建进入插入编辑状态2.在文件最后加上两行:exportNODEJS_HOME=/usr/local/nodejs/node-v16.16.0-linux-x64exportPATH=$NODEJS_HOME/bin:$PATH3.按Esc退出编辑模式4.按:wq!退出并保存文件5.用下面命令刷新环境变量#......
  • 初始化 Angular 懒加载模块:使用MODULE_INITIALIZER的高级技巧
    Angular是一个强大的前端开发框架,它提供了各种机制来优化应用程序的性能和可维护性。在本文中,我们将深入探讨Angular中的MODULE_INITIALIZER,这是一个用于初始化懒加载模块的强大工具。我们将详细介绍MODULE_INITIALIZER的用法以及它在Angular中的作用。什么是懒加载模块?懒加载模......
  • 报错AttributeError: Attempted to set WANDB to False, but CfgNode is immutable
    问题 今天在跑代码的时候,使用到了wandb记录训练数据。 我在23服务器上跑的好好的,但将环境迁移到80服务器上重新开始跑时,却遇到了如下报错 看这个报错信息是由于wandb没有apis这个属性,于是我定位到具体的报错代码 ......
  • kubelet.go 2466 Error getting node not found
    kubeadm初始化kubernetes集群报错,kubelet服务提示:kubelet.go:2466]"Errorgettingnode"err="node\"k8s3-master\"notfound处理记录。  0.ENV kubernetes1.22.x/1.23.x/1.24.x(不限于所列版本)CentOS7.x/Ubuntu22.04(不限于所列版本)  1.问题现象 kube......
  • Sentinel系列之SlotChain、NodeSelectorSlot、ClusterBuilderSlot分析
    本文基于Sentinel1.8.6版本分析1.SlotChain我们从入口com.alibaba.csp.sentinel.SphU#entry(java.lang.String)开始分析。一路走读下来,会进入到这个方法com.alibaba.csp.sentinel.CtSph#lookProcessChain,查找该资源对应的SlotChain。接下来看如何构建这个SlotChain.Se......
  • "Caused by: java.nio.file.AccessDeniedException: /usr/share/elasticsearch/data/n
    docker-compose搭建elasticsearch出现问题例子如下version:'3'services:elasticsearch:image:elasticsearch:7.14.0container_name:elasticsearchenvironment:-"discovery.type=single-node"-"xpack.sec......
  • Angular 里的 Module 增强
    Angular模块增强:扩展你的数据模型Angular是一个强大的前端框架,但在某些情况下,我们可能需要对其内置模型进行一些自定义。这时,Angular的模块增强(ModuleAugmentation)就派上了用场。在本文中,我们将深入研究Angular模块增强的细节,以及如何利用它来增强数据模型。什么是模块增......
  • 如何使用 TypeScript 的 module augmentation 技术增强 Spartacus Feature Library
    moduleaugmentation技术是一种强大的TypeScript功能,它允许开发人员在不修改原始代码的情况下扩展现有模块的功能。这种技术在Angular生态系统中的应用尤为广泛,特别是在构建功能库和插件时,以确保代码的可维护性和可扩展性。概述Moduleaugmentation允许我们向现有模块添加......
  • 什么是 Spartacus 的 BaseStorefrontModule
    SpartacusBaseStorefrontModule的位置:import{NgModule}from'@angular/core';import{BaseStorefrontModule}from"@spartacus/storefront";import{SpartacusConfigurationModule}from'./spartacus-configuration.module';impo......
  • Module build failed (from ./node_modules/css-loader/dist/cjs.js): CssSyntaxError
    问题描述在webpack的时候报错ERRORin./packages/theme-chalk/mixins/mixins.scss(./node_modules/css-loader/dist/cjs.js!./packages/theme-chalk/mixins/mixins.scss)Modulebuildfailed(from./node_modules/css-loader/dist/cjs.js):CssSyntaxError(14:8)......