首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >拉拉维尔8 Vue 3- Npm跑热(混表-热)投掷错误,可能出现webpack问题

拉拉维尔8 Vue 3- Npm跑热(混表-热)投掷错误,可能出现webpack问题
EN

Stack Overflow用户
提问于 2021-02-26 08:27:44
回答 2查看 1.4K关注 0票数 0

编辑:可能是我的用户名有空格的问题,所以webpack cli在处理这种路径时遇到了困难?

我正试着用我的Laravel安装Vue 3,但是由于某种原因,laravel或webpack给我造成了错误,我试着卸载webpack和some,并再次安装它,但是它没有帮助。

国家预防机制版本: 6.14.6

Package.json

代码语言:javascript
运行
复制
{
"private": true,
"scripts": {
    "dev": "npm run development",
    "development": "mix",
    "watch": "mix watch",
    "watch-poll": "mix watch -- --watch-options-poll=1000",
    "hot": "mix watch --hot",
    "prod": "npm run production",
    "production": "mix --production"
},
"devDependencies": {
    "@types/webpack-env": "^1.16.0",
    "@vue/compiler-sfc": "^3.0.6",
    "axios": "^0.21",
    "laravel-mix": "^6.0.0-beta.17",
    "laravel-mix-vue3": "^0.7.0",
    "lodash": "^4.17.19",
    "postcss": "^8.1.14",
    "vue": "^3.0.6",
    "vue-loader": "^16.1.2",
    "webpack": "^5.24.2",
    "webpack-cli": "^4.5.0"
},
"dependencies": {}

Webpack.mix.js

代码语言:javascript
运行
复制
const mix = require('laravel-mix');
require("laravel-mix-vue3");

mix.vue3("resources/js/app.js", "public/js")
.postCss('resources/css/app.css', 'public/css', [
    //
]);

错误:

代码语言:javascript
运行
复制
> mix watch --hot

[webpack-cli] Failed to load 'C:\Users\PC' config
[webpack-cli] Error: Cannot find module 'C:\Users\PC'
Require stack:
- C:\Users\PC Master Race\Desktop\Laravel\learn-vue\vue3test\node_modules\webpack-cli\lib\webpack-cli.js
- C:\Users\PC Master Race\Desktop\Laravel\learn-vue\vue3test\node_modules\webpack-cli\lib\bootstrap.js
- C:\Users\PC Master Race\Desktop\Laravel\learn-vue\vue3test\node_modules\webpack-cli\bin\cli.js
- C:\Users\PC Master Race\Desktop\Laravel\learn-vue\vue3test\node_modules\webpack\bin\webpack.js
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:965:15)
    at Function.Module._load (internal/modules/cjs/loader.js:841:27)
    at Module.require (internal/modules/cjs/loader.js:1025:19)
    at require (C:\Users\PC Master Race\Desktop\Laravel\learn-vue\vue3test\node_modules\v8-compile-cache\v8-compile-cache.js:159:20)
    at loadConfig (C:\Users\PC Master Race\Desktop\Laravel\learn-vue\vue3test\node_modules\webpack-cli\lib\webpack-cli.js:1158:31)
    at C:\Users\PC Master Race\Desktop\Laravel\learn-vue\vue3test\node_modules\webpack-cli\lib\webpack-cli.js:1245:74
    at Array.map (<anonymous>)
    at WebpackCLI.resolveConfig (C:\Users\PC Master Race\Desktop\Laravel\learn-vue\vue3test\node_modules\webpack-cli\lib\webpack-cli.js:1245:32)
    at WebpackCLI.createCompiler (C:\Users\PC Master Race\Desktop\Laravel\learn-vue\vue3test\node_modules\webpack-cli\lib\webpack-cli.js:1670:33)
    at Command.<anonymous> (C:\Users\PC Master Race\Desktop\Laravel\learn-vue\vue3test\node_modules\@webpack-cli\serve\lib\index.js:67:40) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [
    'C:\\Users\\PC Master Race\\Desktop\\Laravel\\learn-vue\\vue3test\\node_modules\\webpack-cli\\lib\\webpack-cli.js',
    'C:\\Users\\PC Master Race\\Desktop\\Laravel\\learn-vue\\vue3test\\node_modules\\webpack-cli\\lib\\bootstrap.js',
    'C:\\Users\\PC Master Race\\Desktop\\Laravel\\learn-vue\\vue3test\\node_modules\\webpack-cli\\bin\\cli.js',
    'C:\\Users\\PC Master Race\\Desktop\\Laravel\\learn-vue\\vue3test\\node_modules\\webpack\\bin\\webpack.js'
  ]
}
EN

回答 2

Stack Overflow用户

发布于 2021-03-31 00:28:30

在搜索了几天和几个小时之后,我终于找到了答案。

这与您进入项目目录的方式有关。请见下文:

我用这种方式进入我的项目文件夹

cd C:/Repo/myproject/Laravel

这给了我上面的错误。

但当我这样做的时候

cd C:/repo/myproject/laravel

它起作用了,注意文件夹名称的情况很重要,它需要与您所称的文件夹完全匹配,它的大小写很明显是敏感的。

祝你好运!

票数 1
EN

Stack Overflow用户

发布于 2021-02-26 09:53:22

好吧,看起来我的窗口用户名导致了这个错误,创建了一个新的帐户,用户名中没有空格,现在webpack-cli正在按预期工作,webpack-cli可能会认为,当路径中有一个空格是路径的末尾时,如果我理解了错误正确的话。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/66382447

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档