会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 132647个问题
Python 全系列/第十阶段:Flask百战电商后台项目/Flask百战电商后台项目 1楼
Python 全系列/第十阶段:Flask百战电商后台项目/Flask百战电商后台项目 2楼
Python 全系列/第十阶段:Flask百战电商后台项目/Flask百战电商后台项目 3楼

const { defineConfig } = require('@vue/cli-service')

const AutoImport = require('unplugin-auto-import/webpack')

const Components = require('unplugin-vue-components/webpack')

const { ElementPlusResolver } = require('unplugin-vue-components/resolvers')



module.exports = defineConfig({

 transpileDependencies: true,

 configureWebpack: {

  plugins: [

   AutoImport({

    resolvers: [ElementPlusResolver()]

    }),

   Components({

    resolvers: [ElementPlusResolver()]

    })

   ]

  }

})

复制完之后,运行PS D:\code\vue\vue_shop> yarn serve报错

yarn run v1.22.22

$ vue-cli-service serve

 ERROR  TypeError: AutoImport is not a function

TypeError: AutoImport is not a function

    at Object.<anonymous> (D:\code\vue\vue_shop\vue.config.js:11:4)

    at Module._compile (node:internal/modules/cjs/loader:1554:14)

    at Object..js (node:internal/modules/cjs/loader:1706:10)

    at Module.load (node:internal/modules/cjs/loader:1289:32)

    at Function._load (node:internal/modules/cjs/loader:1108:12)

    at TracingChannel.traceSync (node:diagnostics_channel:322:14)

    at wrapModuleLoad (node:internal/modules/cjs/loader:220:24)

    at Module.require (node:internal/modules/cjs/loader:1311:12)

    at require (node:internal/modules/helpers:136:16)

    at exports.loadModule (D:\code\vue\vue_shop\node_modules\@vue\cli-shared-utils\lib\module.js:86:14)

error Command failed with exit code 1.

info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

PS D:\code\vue\vue_shop> 

怎么解决啊


Python 全系列/第十阶段:Flask百战电商后台项目/Flask百战电商后台项目 4楼

 more details, see https://link.vuejs.org/feature-flags.

initFeatureFlags @ runtime-core.esm-bundler.js:4607

baseCreateRenderer @ runtime-core.esm-bundler.js:4624

createRenderer @ runtime-core.esm-bundler.js:4617

ensureRenderer @ runtime-dom.esm-bundler.js:1737

createApp @ runtime-dom.esm-bundler.js:1751

eval @ main.js:11

./src/main.js @ app.js:19

__webpack_require__ @ app.js:243

(匿名) @ app.js:1414

__webpack_require__.O @ app.js:285

(匿名) @ app.js:1415

(匿名) @ app.js:1417

input.vue:531  [Vue warn]: Vue received a Component that was made a reactive object. This can lead to unnecessary performance overhead and should be avoided by marking the component with `markRaw` or using `shallowRef` instead of `ref`. 

Component that was made reactive:  {name: 'User', __name: 'user', setup: ƒ} 

  at <ElIcon key=0 class="el-input__icon" > 

  at <ElInput modelValue="" onUpdate:modelValue=fn placeholder="输入账户"  ... > 

  at <ElFormItem label="账户" > 

  at <ElForm model= {username: '', password: ''} label-width="auto" style= {max-width: '600px'} > 

  at <Login onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< undefined > > 

  at <RouterView> 

  at <Application>

warn$1 @ runtime-core.esm-bundler.js:51

_createVNode @ runtime-core.esm-bundler.js:7531

createVNodeWithArgsTransform @ runtime-core.esm-bundler.js:7415

createBlock @ runtime-core.esm-bundler.js:7385

eval @ input.vue:531

renderFnWithContext @ runtime-core.esm-bundler.js:692

renderSlot @ runtime-core.esm-bundler.js:2981

eval @ icon.vue:28

renderComponentRoot @ runtime-core.esm-bundler.js:6501

componentUpdateFn @ runtime-core.esm-bundler.js:5319

run @ reactivity.esm-bundler.js:225

setupRenderEffect @ runtime-core.esm-bundler.js:5454

mountComponent @ runtime-core.esm-bundler.js:5229

processComponent @ runtime-core.esm-bundler.js:5182

patch @ runtime-core.esm-bundler.js:4700

mountChildren @ runtime-core.esm-bundler.js:4932

mountElement @ runtime-core.esm-bundler.js:4855

processElement @ runtime-core.esm-bundler.js:4820

patch @ runtime-core.esm-bundler.js:4688

mountChildren @ runtime-core.esm-bundler.js:4932

mountElement @ runtime-core.esm-bundler.js:4855

processElement @ runtime-core.esm-bundler.js:4820

patch @ runtime-core.esm-bundler.js:4688

mountChildren @ runtime-core.esm-bundler.js:4932

mountElement @ runtime-core.esm-bundler.js:4855

processElement @ runtime-core.esm-bundler.js:4820

patch @ runtime-core.esm-bundler.js:4688

mountChildren @ runtime-core.esm-bundler.js:4932

processFragment @ runtime-core.esm-bundler.js:5112

patch @ runtime-core.esm-bundler.js:4674

mountChildren @ runtime-core.esm-bundler.js:4932

mountElement @ runtime-core.esm-bundler.js:4855

processElement @ runtime-core.esm-bundler.js:4820

patch @ runtime-core.esm-bundler.js:4688

componentUpdateFn @ runtime-core.esm-bundler.js:5326

run @ reactivity.esm-bundler.js:225

setupRenderEffect @ runtime-core.esm-bundler.js:5454

mountComponent @ runtime-core.esm-bundler.js:5229

processComponent @ runtime-core.esm-bundler.js:5182

patch @ runtime-core.esm-bundler.js:4700

mountChildren @ runtime-core.esm-bundler.js:4932

processFragment @ runtime-core.esm-bundler.js:5112

patch @ runtime-core.esm-bundler.js:4674

mountChildren @ runtime-core.esm-bundler.js:4932

mountElement @ runtime-core.esm-bundler.js:4855

processElement @ runtime-core.esm-bundler.js:4820

patch @ runtime-core.esm-bundler.js:4688

mountChildren @ runtime-core.esm-bundler.js:4932

mountElement @ runtime-core.esm-bundler.js:4855

processElement @ runtime-core.esm-bundler.js:4820

patch @ runtime-core.esm-bundler.js:4688

componentUpdateFn @ runtime-core.esm-bundler.js:5326

run @ reactivity.esm-bundler.js:225

setupRenderEffect @ runtime-core.esm-bundler.js:5454

mountComponent @ runtime-core.esm-bundler.js:5229

processComponent @ runtime-core.esm-bundler.js:5182

patch @ runtime-core.esm-bundler.js:4700

mountChildren @ runtime-core.esm-bundler.js:4932

processFragment @ runtime-core.esm-bundler.js:5112

patch @ runtime-core.esm-bundler.js:4674

mountChildren @ runtime-core.esm-bundler.js:4932

mountElement @ runtime-core.esm-bundler.js:4855

processElement @ runtime-core.esm-bundler.js:4820

patch @ runtime-core.esm-bundler.js:4688

componentUpdateFn @ runtime-core.esm-bundler.js:5326

run @ reactivity.esm-bundler.js:225

setupRenderEffect @ runtime-core.esm-bundler.js:5454

mountComponent @ runtime-core.esm-bundler.js:5229

processComponent @ runtime-core.esm-bundler.js:5182

patch @ runtime-core.esm-bundler.js:4700

mountChildren @ runtime-core.esm-bundler.js:4932

mountElement @ runtime-core.esm-bundler.js:4855

processElement @ runtime-core.esm-bundler.js:4820

patch @ runtime-core.esm-bundler.js:4688

mountChildren @ runtime-core.esm-bundler.js:4932

mountElement @ runtime-core.esm-bundler.js:4855

processElement @ runtime-core.esm-bundler.js:4820

patch @ runtime-core.esm-bundler.js:4688

mountChildren @ runtime-core.esm-bundler.js:4932

processFragment @ runtime-core.esm-bundler.js:5112

patch @ runtime-core.esm-bundler.js:4674

componentUpdateFn @ runtime-core.esm-bundler.js:5326

run @ reactivity.esm-bundler.js:225

setupRenderEffect @ runtime-core.esm-bundler.js:5454

mountComponent @ runtime-core.esm-bundler.js:5229

processComponent @ runtime-core.esm-bundler.js:5182

patch @ runtime-core.esm-bundler.js:4700

componentUpdateFn @ runtime-core.esm-bundler.js:5406

run @ reactivity.esm-bundler.js:225

runIfDirty @ reactivity.esm-bundler.js:263

callWithErrorHandling @ runtime-core.esm-bundler.js:199

flushJobs @ runtime-core.esm-bundler.js:408

Promise.then

queueFlush @ runtime-core.esm-bundler.js:322

queueJob @ runtime-core.esm-bundler.js:317

effect.scheduler @ runtime-core.esm-bundler.js:5448

trigger @ reactivity.esm-bundler.js:253

endBatch @ reactivity.esm-bundler.js:311

notify @ reactivity.esm-bundler.js:597

trigger @ reactivity.esm-bundler.js:571

set value @ reactivity.esm-bundler.js:1448

finalizeNavigation @ vue-router.mjs:3478

eval @ vue-router.mjs:3343

Promise.then

pushWithRedirect @ vue-router.mjs:3309

push @ vue-router.mjs:3235

install @ vue-router.mjs:3677

use @ runtime-core.esm-bundler.js:3863

eval @ main.js:14

./src/main.js @ app.js:19

__webpack_require__ @ app.js:243

(匿名) @ app.js:1414

__webpack_require__.O @ app.js:285

(匿名) @ app.js:1415

(匿名) @ app.js:1417

input.vue:531  [Vue warn]: Vue received a Component that was made a reactive object. This can lead to unnecessary performance overhead and should be avoided by marking the component with `markRaw` or using `shallowRef` instead of `ref`. 

Component that was made reactive:  {name: 'Edit', __name: 'edit', setup: ƒ} 

  at <ElIcon key=0 class="el-input__icon" > 

  at <ElInput modelValue="" onUpdate:modelValue=fn placeholder="输入密码"  ... > 

  at <ElFormItem label="密码" > 

  at <ElForm model= {username: '', password: ''} label-width="auto" style= {max-width: '600px'} > 

  at <Login onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< undefined > > 

  at <RouterView> 

  at <Application>

warn$1 @ runtime-core.esm-bundler.js:51

_createVNode @ runtime-core.esm-bundler.js:7531

createVNodeWithArgsTransform @ runtime-core.esm-bundler.js:7415

createBlock @ runtime-core.esm-bundler.js:7385

eval @ input.vue:531

renderFnWithContext @ runtime-core.esm-bundler.js:692

renderSlot @ runtime-core.esm-bundler.js:2981

eval @ icon.vue:28

renderComponentRoot @ runtime-core.esm-bundler.js:6501

componentUpdateFn @ runtime-core.esm-bundler.js:5319

run @ reactivity.esm-bundler.js:225

setupRenderEffect @ runtime-core.esm-bundler.js:5454

mountComponent @ runtime-core.esm-bundler.js:5229

processComponent @ runtime-core.esm-bundler.js:5182

patch @ runtime-core.esm-bundler.js:4700

mountChildren @ runtime-core.esm-bundler.js:4932

mountElement @ runtime-core.esm-bundler.js:4855

processElement @ runtime-core.esm-bundler.js:4820

patch @ runtime-core.esm-bundler.js:4688

mountChildren @ runtime-core.esm-bundler.js:4932

mountElement @ runtime-core.esm-bundler.js:4855

processElement @ runtime-core.esm-bundler.js:4820

patch @ runtime-core.esm-bundler.js:4688

mountChildren @ runtime-core.esm-bundler.js:4932

mountElement @ runtime-core.esm-bundler.js:4855

processElement @ runtime-core.esm-bundler.js:4820

patch @ runtime-core.esm-bundler.js:4688

mountChildren @ runtime-core.esm-bundler.js:4932

processFragment @ runtime-core.esm-bundler.js:5112

patch @ runtime-core.esm-bundler.js:4674

mountChildren @ runtime-core.esm-bundler.js:4932

mountElement @ runtime-core.esm-bundler.js:4855

processElement @ runtime-core.esm-bundler.js:4820

patch @ runtime-core.esm-bundler.js:4688

componentUpdateFn @ runtime-core.esm-bundler.js:5326

run @ reactivity.esm-bundler.js:225

setupRenderEffect @ runtime-core.esm-bundler.js:5454

mountComponent @ runtime-core.esm-bundler.js:5229

processComponent @ runtime-core.esm-bundler.js:5182

patch @ runtime-core.esm-bundler.js:4700

mountChildren @ runtime-core.esm-bundler.js:4932

processFragment @ runtime-core.esm-bundler.js:5112

patch @ runtime-core.esm-bundler.js:4674

mountChildren @ runtime-core.esm-bundler.js:4932

mountElement @ runtime-core.esm-bundler.js:4855

processElement @ runtime-core.esm-bundler.js:4820

patch @ runtime-core.esm-bundler.js:4688

mountChildren @ runtime-core.esm-bundler.js:4932

mountElement @ runtime-core.esm-bundler.js:4855

processElement @ runtime-core.esm-bundler.js:4820

patch @ runtime-core.esm-bundler.js:4688

componentUpdateFn @ runtime-core.esm-bundler.js:5326

run @ reactivity.esm-bundler.js:225

setupRenderEffect @ runtime-core.esm-bundler.js:5454

mountComponent @ runtime-core.esm-bundler.js:5229

processComponent @ runtime-core.esm-bundler.js:5182

patch @ runtime-core.esm-bundler.js:4700

mountChildren @ runtime-core.esm-bundler.js:4932

processFragment @ runtime-core.esm-bundler.js:5112

patch @ runtime-core.esm-bundler.js:4674

mountChildren @ runtime-core.esm-bundler.js:4932

mountElement @ runtime-core.esm-bundler.js:4855

processElement @ runtime-core.esm-bundler.js:4820

patch @ runtime-core.esm-bundler.js:4688

componentUpdateFn @ runtime-core.esm-bundler.js:5326

run @ reactivity.esm-bundler.js:225

setupRenderEffect @ runtime-core.esm-bundler.js:5454

mountComponent @ runtime-core.esm-bundler.js:5229

processComponent @ runtime-core.esm-bundler.js:5182

patch @ runtime-core.esm-bundler.js:4700

mountChildren @ runtime-core.esm-bundler.js:4932

mountElement @ runtime-core.esm-bundler.js:4855

processElement @ runtime-core.esm-bundler.js:4820

patch @ runtime-core.esm-bundler.js:4688

mountChildren @ runtime-core.esm-bundler.js:4932

mountElement @ runtime-core.esm-bundler.js:4855

processElement @ runtime-core.esm-bundler.js:4820

patch @ runtime-core.esm-bundler.js:4688

mountChildren @ runtime-core.esm-bundler.js:4932

processFragment @ runtime-core.esm-bundler.js:5112

patch @ runtime-core.esm-bundler.js:4674

componentUpdateFn @ runtime-core.esm-bundler.js:5326

run @ reactivity.esm-bundler.js:225

setupRenderEffect @ runtime-core.esm-bundler.js:5454

mountComponent @ runtime-core.esm-bundler.js:5229

processComponent @ runtime-core.esm-bundler.js:5182

patch @ runtime-core.esm-bundler.js:4700

componentUpdateFn @ runtime-core.esm-bundler.js:5406

run @ reactivity.esm-bundler.js:225

runIfDirty @ reactivity.esm-bundler.js:263

callWithErrorHandling @ runtime-core.esm-bundler.js:199

flushJobs @ runtime-core.esm-bundler.js:408

Promise.then

queueFlush @ runtime-core.esm-bundler.js:322

queueJob @ runtime-core.esm-bundler.js:317

effect.scheduler @ runtime-core.esm-bundler.js:5448

trigger @ reactivity.esm-bundler.js:253

endBatch @ reactivity.esm-bundler.js:311

notify @ reactivity.esm-bundler.js:597

trigger @ reactivity.esm-bundler.js:571

set value @ reactivity.esm-bundler.js:1448

finalizeNavigation @ vue-router.mjs:3478

eval @ vue-router.mjs:3343

Promise.then

pushWithRedirect @ vue-router.mjs:3309

push @ vue-router.mjs:3235

install @ vue-router.mjs:3677

use @ runtime-core.esm-bundler.js:3863

eval @ main.js:14

./src/main.js @ app.js:19

__webpack_require__ @ app.js:243

(匿名) @ app.js:1414

__webpack_require__.O @ app.js:285

(匿名) @ app.js:1415

(匿名) @ app.js:1417

content.js:202 

-----------
控制台警告报错,什么原因呢

Python 全系列/第十阶段:Flask百战电商后台项目/Flask百战电商后台项目 6楼
Python 全系列/第十阶段:Flask百战电商后台项目/Flask百战电商后台项目 7楼
Python 全系列/第十阶段:Flask百战电商后台项目/Flask百战电商后台项目 8楼
Python 全系列/第十阶段:Flask百战电商后台项目/Flask百战电商后台项目 10楼
Python 全系列/第十阶段:Flask百战电商后台项目/Flask百战电商后台项目 11楼
Python 全系列/第十阶段:Flask百战电商后台项目/Flask百战电商后台项目 12楼
Python 全系列/第十阶段:Flask百战电商后台项目/Flask百战电商后台项目 13楼
Python 全系列/第十阶段:Flask百战电商后台项目/Flask百战电商后台项目 15楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

©2014-2025百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园
网站维护:百战汇智(北京)科技有限公司
京公网安备 11011402011233号    京ICP备18060230号-3    营业执照    经营许可证:京B2-20212637