
转角遇到爱
狐七大人
学习探索使我内心平静,
头脑风暴使我激动兴奋,
我努力向前,
在看不到终点的路上,欣赏风景~
展开
-
gridsome develop Gridsome v0.7.23 Initializing plugins... Error: No transformer for ‘text/markdown
目录出错现象出错原因解决方案出错现象这个报错是我在使用Gridsome创建项目之后,使用md文件作为数据导入,用cnpm先安装了@gridsome/source-filesystem插件,为了正确编译又引入了插件@gridsome/transformer-remark 之后没有起作用的问题。> gridsome developGridsome v0.7.23Initializing plugins...Error: No transformer for 'text/markd原创 2021-01-23 14:44:12 · 309 阅读 · 1 评论 -
ERROR in ./src/App.vue Module Error (from ./node_modules/vue-loader/lib/index.js): [vue-loader] v...
目录出错现象出错原因解决方案出错现象这个报错是我在用webpack+vue-loader的时候报的错误报错信息ERROR in ./src/App.vueModule Error (from ./node_modules/vue-loader/lib/index.js):[vue-loader] vue-template-compiler must be installed as a peer dependency, or a compatible compiler impleme原创 2020-11-30 20:39:43 · 15902 阅读 · 5 评论 -
使用Vue+Webpack打包图片时出现src为“[object Module]“的问题
目录出错现象出错原因解决方案出错现象这个错误是我在用vue-cli中使用webpack打包的时候,页面内容已经展示出来但是图片显示不出来,一看引用链接src为"[object Module]"的问题。报错信息出错原因也是找到了大佬的博客看到的,他说这个是file-loader的版本问题,我现在的file-loader版本是^6.2.0。原来file-loader里面有一个esModule的配置,低版本默认为false,高版本默认为true。解决方案降低file-loader版原创 2020-11-30 20:36:41 · 1180 阅读 · 2 评论 -
[Vue warn]: You are using the runtime-only build of Vue where the template compiler is not availa...
目录出错现象出错原因Vue的构建版本解决方案M1:将运行时版换成完整版本M2:直接使用render函数渲染出错现象这个报错是我在vue-cli项目中写vue组件用到template属性并测试的时候报出来的问题。报错信息出错原因关于Vue构建版本的问题,因为template属性不能在运行时版本中使用。Vue的构建版本运行时版:不支持template模板,需要打包的时候提前编译,把模板转换成render函数。vue-cli默认使用次版本,因为其效率高。完整版本原创 2020-11-17 11:21:17 · 150 阅读 · 0 评论 -
ERROR in multi (webpack)-dev-server/client?http://localhost:8080 ./src Module not found: Error: C...
目录出错现象报错信息出错原因解决方案出错现象这个错误是我在用vue-cli中使用webpack打包的时候,进行环境分离操作,将webpack.config.js分成三个包webpack.common.jswebpack.dev.jswebpack.prod.js之后启动npm run serve(也就是webpack-dev-server --open)的时候报的错误,package.json文件是下面这样"scripts": { "serve": "webpack-dev-ser原创 2020-11-14 11:12:04 · 23503 阅读 · 0 评论 -
Cannot resolve dependency ‘snabbdom‘ or ‘snabbdom/init‘
目录出错现象出错原因snabbdom v0.7.4snabbdom v1.0.1+解决方案总结M1:将Snabbdom的版本降级成v0.7.4即可M2:使用package.json的exportsM3:将引用路径直接改为完整路径出错现象这个报错是我在安装snabbdom并导入的时候报的错误。我用了两种引用方式:CommonJSconst snabbdom = require('snabbdom')ESModulesimport { h, chunk, init } from 'snab原创 2020-11-13 16:14:21 · 435 阅读 · 0 评论 -
ERROR in ./src/App.vue?vue&type=style&index=0&lang=css& (./node_modules/vue-loader/lib??vue-loade...
目录出错现象出错原因解决方案出错现象这个报错是我在用webpack+vue-loader的时候无法解析App.vue文件中<style>中css样式导致的错误源代码<template> <div id="app"> <img alt="Vue logo" src="./assets/logo.png"> <HelloWorld msg="Welcome to Your Vue.js App"/> </div原创 2020-11-07 13:53:47 · 23224 阅读 · 3 评论 -
Error: Cannot find module ‘webpack/lib/rules/BasicEffectRulePlugin‘
目录出错现象出错原因解决方案出错现象这个报错是我在安装webpack+vue-loader的配置中遇到的,如果你不是这个背景请绕行,不然可能无法解决你的问题。主要是安装了npm i vue-loader-plugin --save-dev引用了vue-loader-plugin导致的。E:\professer\lagou-homework\fed-e-task-02-02\code\vue-app-base\node_modules\webpack-cli\bin\cli.js:93throw e原创 2020-11-07 13:52:39 · 5953 阅读 · 0 评论 -
ERROR in ./src/style.less Module build failed (from ./node_modules/less-loader/dist/cjs.js): Erro...
目录出错现象出错原因解决方案出错现象这个报错是我在用webpack安装less加载器less-loader的时候遇到的问题。ERROR in ./src/style.lessModule build failed (from ./node_modules/less-loader/dist/cjs.js):Error: Cannot find module ‘less’出错原因查阅了其他人的解决,发现是安装less-loader的时候必须安装less,才可以正常工作。但是光有less-loa原创 2020-11-07 13:50:23 · 4765 阅读 · 0 评论 -
npm ERR! Refusing to install package with name “ “ under a package npm ERR! as the dependency you...
目录出错现象出错原因解决方案出错现象npm init -y初始化之后,安装项目npm i prettier -D报错PS E:\professer\StyleLint\Prettier> npm i prettier -D npm ERR! code ENOSELFnpm ERR! Refusing to install package with name "prettier" under a packagenpm ERR! as the dependency you're i原创 2020-11-07 13:48:35 · 897 阅读 · 0 评论 -
Error: .eslintrc.js » eslint-config-standard: Environment key “es2021“ is unknown
目录出错现象出错原因解决方案出错现象这个报错在环境中安装了gulp-eslint,eslint并初始化之后,在gulp中使用的时候报的错误。Error: .eslintrc.js » eslint-config-standard: Environment key "es2021" is unknownalidator.js:169:19 at Array.forEach (<anonymous>) at validateEnvironment (E:\p原创 2020-11-07 13:46:28 · 10004 阅读 · 0 评论 -
Error: Cannot find module ‘webpack-cli/bin/config-yargs‘解决方案
目录出错现象出错原因解决方案出错现象这个报错是我在安装webpack-dev-server之后命令行使用的时候出现的,按理这里应该出现我打包完成并且启动服务的,但是却有了报错。出错原因查阅了其他人的解决,发现是因为webpack-cli的新版本对webpack-dev-server版本的不兼容,表示很无奈:之前的版本是node -v —— v12.19.0 npm -v —— v6.14.8 webpack -v —— "^5.1.3" webpack-..原创 2020-11-07 12:24:47 · 350 阅读 · 0 评论