Vuejs - 无法解析“app/src”中的“时刻”| 在项目克隆和 npm install 之后

Question

I cloned an existant Vuejs project and made a "npm install". Everything installed well except "moment" and maybe "vue-moment".

i've got this error :

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

so in installed them with "npm install --save moment vue-moment"

And still got the error.

here some code of my main.js file :

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

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

the packages are installed and present in the node_modules folder and are present also in the package.log.json and package.json.

The weird things is, when other people clones this project, they don't have the problem. only me...

One (maybe) pist, is when i put my mouse hover the 'moment' (of the import), i see this : .../node_modules/moment/moment like there is 2 moment folders, but it looks normal in the node_modules folder.

Thanks in advance!

EDIT SOLVED :

The problem was because i started the project with "docker-compose up" and not "npm run serve" on the FRONT. It started but i had this "moment" problem. Now it works well with the good console code to start the project ...

Answer 1

You cannot use the import function with moment.js since exports is not defined for that module. So you have to use require. You can do this :

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

If you really want to use moment.js using import you can do this as well.

import * as moment from 'moment';

Reference: https://www.npmjs.com/package/vue-moment

https://momentjs.com/docs/

Webpack / typescript require works but import doesn't