Vuejs - 无法解析 'app/src' 中的 'moment' |在项目克隆和 npm install 之后

Question

我克隆了一个现有的 Vuejs 项目并进行了“npm install”。 除了“moment”和“vue-moment”之外，所有东西都安装得很好。

我遇到了这个错误：

Failed to compile.
./src/main.js
Module not found: Error: Can't resolve 'moment' in '/app/src'

所以用“npm install --save moment vue-moment”安装它们

仍然出现错误。

这里是我的 main.js 文件的一些代码：

import moment from 'moment'
import VueMoment from 'vue-moment'

// Vue use moment.js
Vue.use(VueMoment, {
  moment
});
moment.locale('fr');

软件包已安装并存在于 node_modules 文件夹中，并且也存在于 package.log.json 和 package.json 中。

奇怪的是，当其他人克隆这个项目时，他们没有问题。只有我……

一个（也许）pist，是当我将鼠标悬停在（导入的）“时刻”时，我看到了： .../node_modules/moment/moment 好像有 2 个 moment 文件夹，但在 node_modules 文件夹中看起来很正常。

提前致谢！

编辑已解决：

问题是因为我在前面使用“docker-compose up”而不是“npm run serve”来启动项目。它开始了，但我遇到了这个“时刻”问题。现在它可以很好地与良好的控制台代码一起启动项目...

Answer 1

您不能将 import 函数与 moment.js 一起使用，因为该模块没有定义导出。所以你必须使用require。你可以这样做：

Vue.use(require('vue-moment'));

如果你真的想通过 import 使用 moment.js，你也可以这样做。

import * as moment from 'moment';

参考：https://www.npmjs.com/package/vue-moment

https://momentjs.com/docs/

Webpack / typescript require works but import doesn't