相关疑难解决方法(0)

当一个文件被phpstorm打开时,我做了一些更改而没有保存.但与此同时,磁盘上的文件也发生了变化.然后phpstorm将从磁盘重新加载文件,没有提示.我所有的改变都会丢失.

我刚刚从Project Clarity中植入了一个 Angular 应用程序，并尝试在 Docker 容器中运行它时使其热重载工作。

如果我进入正在运行的容器并编辑文件，重新加载工作正常，但我希望能够编辑容器外的文件并在容器中更新它们。如果我设置音量，我认为会起作用，但它似乎不起作用。

我的 Dockerfile....

FROM node:latest

RUN mkdir -p /usr/src/client
WORKDIR /usr/src/client

COPY package.json /usr/src/client
RUN npm install
COPY . /usr/src/client
EXPOSE 4200
CMD ["npm", "start"]

和我的 docker-compose.yml 文件...

version: '2' 

services:
  client:
    build: clarity-seed
    ports:
      - "4200:4200"
    volumes:
      - ./clarity-seed:/usr/src/client
      - /usr/src/client/node_modules

我使用 docker-compose 是因为我最终会设置一个 Express 服务器和一个 mongo 数据库。

在 Windows 的 docker 容器中运行新创建的 angular 应用程序不会在更改时热重新加载应用程序。我试过这个Docker 容器不会重新加载 Angular 应用程序。

但一直失败，如果我创建图像然后运行容器，我会得到：

web_1 | npm ERR! enoent ENOENT: no such file or directory, open '/usr/src/app/package.json'

我还尝试了这篇文章（适用于 Mac 但不适用于 Windows）：
Dockerizing an Angular App

我尝试添加--poll到我的angular.json：

"docker": {
    "poll": 2000
},

• 这是我的 DockerFile

FROM node:8.11.2

# set working directory
RUN mkdir /usr/src/app
WORKDIR /usr/src/app

# add `/usr/src/app/node_modules/.bin` to $PATH
ENV PATH /usr/src/app/node_modules/.bin:$PATH

COPY package.json /usr/src/app/package.json
RUN npm install
RUN npm install -g @angular/cli@6.1.5

# add app
COPY …

Run Code Online (Sandbox Code Playgroud)

几天前，我重新安装了 Windows 10。我正在开发以 express 作为后端和 React.js 作为前端的全栈 Web 应用程序。我正在使用 nodemon 为前端重新分配服务器和 webpack-dev-server。值得一提的是，我使用的是 WSL2。我注意到 nodemon 在保存文件时没有反应。我不得不手动输入rs重新加载。一开始以为是nodemon的问题。在这里寻找类似的问题，但我发现的只是--watch，这没有帮助。并不是说我尝试过 webpack 并且问题仍然存在我一无所知。这是一些有用的信息： webpack 命令: webpack-dev-server --host 0.0.0.0 --config ./webpack.config.js --mode development。

webpack.config.js :

module.exports = {
    entry: ["babel-polyfill", "./app/index.jsx"],
    module: {
        rules: [
            {
                test: /\.(js|jsx)$/,
                exclude: /node_modules/,
                use: ["babel-loader"],
            },
            { test: /\.css$/, use: ["style-loader", "css-loader"] },
            {
                test: /\.(jpg|png|svg)$/,
                loader: "file-loader",
                options: {
                    name: "[path][name].[hash].[ext]",
                },
            },
        ],
    },
    resolve: {
        alias: {
            components: __dirname + "/app/components", …

在 Visual Studio Code 中远程开发 Angular 项目（使用远程 WSL 和/或远程容器）时，该命令ng build --watch似乎不起作用（检测文件更改）。

这是一个已知问题吗？有什么解决方法吗？