vuejs webpack相关模块未找到错误

Question

我有快速和默认的vue-webpack-boilerplate的全栈应用程序.我的项目结构如下所示:

??? client
?   ??? build
?   ?   ??? ...
?   ??? config
?   ?   ??? ...
?   ??? dist
|   |   ??? ...
?   ??? index.html
?   ??? src
?   ?   ??? App.vue
?   ?   ??? assets
?   ?   ?   ??? ...
?   ?   ??? components
?   ?   ?   ??? ...
?   ?   ??? main.js
?   ?   ??? router
?   ??? static
??? node_modules
??? package.json
??? server
    ??? app.js
    ??? bin
    ?   ??? www
    ??? routes
        ??? ...

当我运行时,$ node client/build/dev-server.js我收到此错误:

ERROR  Failed to compile with 2 errors

These relative modules were not found:

* ./build/dev-client in multi ./build/dev-client ./src/main.js
* ./src/main.js in multi ./build/dev-client ./src/main.js

但只有当我尝试从客户端文件夹运行它才能正常工作.

$ cd client 
$ node build/dev-server.js

有什么建议？

Answer 1

这是相对路径的错误。您需要更改除 中使用的路径之外的所有路径require()，相对于新的根文件夹，而不是客户端文件夹。好的做法是使用与方法__dirname相同的path.diranme()方法。检查这个。