vue运行找不到enhanced-resolve/lib/AliasPlugin模块

canvas-draw@1.0.0 start E:\workplace\canvas-draw
node build/dev-server.js

internal/modules/cjs/loader.js:582
throw err;
^

Error: Cannot find module 'enhanced-resolve/lib/AliasPlugin’
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:580:15)
at Function.Module._load (internal/modules/cjs/loader.js:506:25)
at Module.require (internal/modules/cjs/loader.js:636:17)
at require (internal/modules/cjs/helpers.js:20:18)
at Object. (E:\workplace\canvas-draw\node_modules\webpack\lib\dependencies\AMDPlugin.js:21:21)
at Module._compile (internal/modules/cjs/loader.js:688:30)
at Object.Module._extensions…js (internal/modules/cjs/loader.js:699:10)
at Module.load (internal/modules/cjs/loader.js:598:32)
at tryModuleLoad (internal/modules/cjs/loader.js:537:12)
at Function.Module._load (internal/modules/cjs/loader.js:529:3)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! canvas-draw@1.0.0 start: node build/dev-server.js
npm ERR! Exit status 1

E:\workplace\canvas-draw>npm run start

项目运行提示找不到enhanced-resolve/lib/AliasPlugin,项目npm install下载大部分包。网络延迟的可能部分包下载超时。根据运行提示信息,下载指定包。所以需要重新下载enhanced-resolve即可

然后重新npm run dev就可以了,

npm install enhanced-resolve

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
07-12
npm run dev 使用时出现INFO Starting development server... 10% building 2/2 modules 0 activeError: error:0308010C:digital envelope routines::unsupported at new Hash (node:internal/crypto/hash:71:19) at Object.createHash (node:crypto:133:10) at module.exports (D:\vue-element-admin\node_modules\webpack\lib\util\createHash.js:135:53) at NormalModule._initBuildHash (D:\vue-element-admin\node_modules\webpack\lib\NormalModule.js:417:16) at handleParseError (D:\vue-element-admin\node_modules\webpack\lib\NormalModule.js:471:10) at D:\vue-element-admin\node_modules\webpack\lib\NormalModule.js:503:5 at D:\vue-element-admin\node_modules\webpack\lib\NormalModule.js:358:12 at D:\vue-element-admin\node_modules\loader-runner\lib\LoaderRunner.js:373:3 at iterateNormalLoaders (D:\vue-element-admin\node_modules\loader-runner\lib\LoaderRunner.js:214:10) at iterateNormalLoaders (D:\vue-element-admin\node_modules\loader-runner\lib\LoaderRunner.js:221:10) at D:\vue-element-admin\node_modules\loader-runner\lib\LoaderRunner.js:236:3 at runSyncOrAsync (D:\vue-element-admin\node_modules\loader-runner\lib\LoaderRunner.js:130:11) at iterateNormalLoaders (D:\vue-element-admin\node_modules\loader-runner\lib\LoaderRunner.js:232:2) at Array.<anonymous> (D:\vue-element-admin\node_modules\loader-runner\lib\LoaderRunner.js:205:4) at Storage.finished (D:\vue-element-admin\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:55:16) at D:\vue-element-admin\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:91:9 10% building 2/5 modules 3 active ...in\node_modules\eslint-loader\index.js??ref--13-0!D:\vue-element-admin\src\main.jsnode:internal/crypto/hash:71 this[kHandle] = new _Hash(algorithm, xofLen);是怎么回事
07-13
根据提供的引用内容,可以得知在Vue2.0中引用element-ui组件库需要引入样式文件,并且如果出现报错可以在webpack.config.js中配置file_loader。如果仍然出现问题,可以在项目根目录下的build->webpack.dev.conf.js中将usePostCSS改为false即可。 关于Vue、element-ui/lib/theme-chalk/index.css和webpack的介绍和演示如下: Vue是一套用于构建用户界面的渐进式框架,它的核心库只关注视图层,易于上手,同时也便于与第三方库或既有项目整合。Vue也提供了一套完整的工具链,包括构建工具、脚手架、路由、状态管理等,可以帮助开发者更好地构建大型单页应用。 element-ui是一套基于Vue2.0的组件库,它提供了丰富的UI组件,包括表单、弹窗、导航、布局等,可以帮助开发者快速构建美观、易用的Web应用。 webpack是一个现代化的JavaScript应用程序静态模块打包器,它可以将多个模块打包成一个文件,以便在浏览器中使用。webpack支持各种各样的模块类型,包括CommonJS、AMD、ES6等,还可以通过loader和plugin扩展其功能。 演示如下: 1.在Vue项目中引入element-ui组件库 ```javascript // 引入element-ui样式文件 import 'element-ui/lib/theme-chalk/index.css'; // 引入element-ui组件库 import ElementUI from 'element-ui'; // 使用element-ui组件库 Vue.use(ElementUI); ``` 2.在webpack.config.js中配置file_loader ```javascript module.exports = { module: { rules: [ { test: /\.(png|jpe?g|gif|svg)(\?.*)?$/, loader: 'file-loader', options: { name: utils.assetsPath('img/[name].[hash:7].[ext]') } } ] } } ``` 3.在build->webpack.dev.conf.js中将usePostCSS改为false ```javascript module.exports = merge(baseWebpackConfig, { module: { rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap, usePostCSS: false }) } }) ```
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值